高 等 学 校 计算 机 应 用 规划 教材 


ASP.NET 3.5 
网 站 开发 实例 教程 


* ASP.NET 技 术 

+ VS 2008 与 VWD 2008 
XHTML 标记 语言 

+ ASP.NET 服 务 器 控件 
4 页 面 布局 

+ ADO.NET 数 据 访 问 
+ 数据 绑 定 

* ASP.NET AJAX 

+ Web 服 务 

XML 技术 


陈 伟 EH 主编 
唐国 良 AK ” 副 主编 


清华 大 学 出 版 社 


高 等 学 校 计算 机 应 用 规划 教材 


ASP.NET 3.5 网 站 开发 
实例 教程 


RE 卫 琳 主编 


BAR AKIE BÈS 


清华 大 学 出 版 社 
北 京 


内 容 简 介 


本 书 全 面 翔 实地 介绍 了 ASP.NET 3.5 网 站 开发 方法 和 Web 应 用 程序 的 技术 。 全 书 共 分 12 章 , 主要 内 
容 包 括 : ASP.NET 与 VWD 2008 开发 平台 、XHTML 基础 知识 、ASP.NET 基础 知识 、ASPNET 服务 器 控 
件 、 页 面 切换 与 导航 、 页 面 布局 、ADO.NET 数据 访问 、ASPNET 中 的 数据 绑 定 、ASPNET AJAX, Web 


服务 、 在 ASP.NET 中 使 用 
的 理解 与 掌握 。 


XML 以 及 综合 开发 实例 。 此 外 ， 每 章 均 配 有 实验 ， 有 助 于 读者 对 所 介绍 知识 


本 书 结构 清晰 ， 实 例 丰 富 ， 图 文 对 照 ， 浅 显 易 懂 ， 既 可 作为 高 等 院 校 ASP.NET 开发 课程 的 教材 ， 还 
可 作为 有 一 定 的 面向 对 象 编程 基础 和 数据 库 基础 ， 想 利用 VS 2008 开发 Web 应 用 程序 的 开发 人 员 的 参考 


资料 。 


本 书 的 电子 教案 、 实例 


源 代码 和 实验 答案 可 以 到 http://www.tupwk.com.cn/downpage/index.asp 网 站 下 载 。 


本 书 封面 贴 有 清华 大 学 出 版 社 防伪 标签 ， 无 标签 者 不 得 销售 。 
版 权 所 有 ， 侵 权 必 究 。 侵 权 举 报 电话 : 010-62782989 13701121933 


图 书 在 版 编目 (CIP) 数 据 


编著 . 一 北京 : 清华 大 学 出 版 社 ，2007.7 


(高 等 学 校 计算 机 应 用 规划 教材 ) 


ISBN 978-7-302- 


i. 中: H. OLOH 
IV. TP391. 


III. 


中 国 版 本 图 书馆 CIP 数据 核 字 (2007) 第 0 = 


责任 编辑 ， 胡 辰 浩 huchenhao@263.neb WAE 


装帧 设计 ， 孔 祥 丰 


责任 校对 ， 成风 进 

责任 印 制 : 

出 版 发 行 :清华 大 学 出 版 社 地 址 : 北京 清华 大 学 学 研 大 厦 
http://www.tup.com.cn 邮 编 : 100084 
社 总 机 : 010-62770175 邮 购 : 010-62786544 


投稿 与 读者 服务 : 010-62776969, c-service@tup.tsinghua.edu.cn 
质 Æ 反 馈 : 010-62772015, zhiliang@tup.tsinghua.edu.cn 


经 f: 全 国 新 华 书店 


JF 本 : 185X260 E 3%: 20.5 字 ” 数 : 512 千 字 
版 ”次 : 2009 年 月 第 1 版 ” 印 次 : 2009 年 月 第 1 次 印刷 
Ep Æ: 1~5000 
Æ ft: 30.00 Jú 
本 书 如 存在 文字 不 清 、 漏 印 、 缺 页 、 倒 页 、 脱 页 等 印 装 质量 问题 ， 请 与 清华 大 学 出 版 社 出 版 部 联系 


调换 。 联 系 电话 : 010-62770177 转 3103 产品 编号 : 


由 


ASP.NET 技术 是 目前 开发 Web 应 用 程序 最 流行 和 最 前 沿 的 技术 ，ASP.NET 3.5 是 目前 
ASP.NET 的 最 新 版 本 。 早 在 ASP.NET 1.0 版 本 于 2000 年 发 布 时 ， 许 多 人 就 认为 它 在 Web 
应 用 程序 开发 方面 迈 出 了 具有 革命 性 的 一 步 。 而 后 来 的 ASP.NET 2.0 更 激动 人 心 、 更 富有 革 
命 性 , ASP.NET 3.5 则 继续 朝 着 这 个 方向 前 进 , 为 在 Web 上 建立 应 用 程序 提供 了 目前 最 佳 的 
框架 。 

本 书 以 易学 易 用 为 重点 ， 充 分 考虑 实际 开发 需要 ， 用 大 量 的 实例 ， 引 导读 者 掌握 
ASP.NET 网 站 开发 的 方法 与 技巧 , 使 读者 学 习 本 书后 可 以 立即 设计 出 实用 的 Web 应 用 程序 。 
本 书 配 有 电子 教案 、 所 有 实例 文件 和 实验 的 源 代码 ， 即 便于 教师 教学 ， 也 便于 学 生 学 习 ， 具 
有 很 强 的 实用 性 。 

实例 和 实验 服务 器 端 代码 选用 C# 语 言 编写 , 数据 库 以 SQL Server 2005 为 平台 。 所 有 实 
例 和 实验 的 源码 均 在 VS 2008 环境 中 运行 通过 。 

本 书 共 分 12 章 ， 第 1 章 介绍 ASP.NET 与 VWD 2008 开发 平台 ; 第 2 章 介绍 XHTML 
基础 知识 ; 第 3 章 介 绍 ASP.NET 基础 知识 ; 第 4 章 介 绍 ASP.NET 服务 器 控件 的 使 用 方法 ; 
第 5 章 介 绍 页 面 切 换 与 导航 ; 第 6 章 介绍 页 面 布局 ， 第 7 章 介 绍 ADONET 数据 访问 ; 第 8 
章 介绍 ASP.NET 中 的 数据 绑 定 方法 ;第 9 章 介绍 ASP.NET AJAX 技术 ; 第 10 章 介绍 Web 
服务 ; 第 11 章 介绍 在 ASP.NET 中 使 用 XML 方法 ; 第 12 章 介 绍 基于 SQL Server 2005 数据 
库 的 综合 开发 实例 。 

本 书 第 1、2 章 由 周 飞 菲 编写 ; 第 3 章 由 李 蠢 编写; 第 4、10 章 由 唐国 良 编写 ; 第 5 章 
由 申 杰 编 写 ; 第 6 章 由 李 文 泽 编写 : 第 7、12 章 由 陈 伟 编 写 ; 第 8 章 由 赵 欣 编写 ; 第 9、11 
章 由 卫 琳 编写 。 本 书 由 陈 伟 、 卫 琳 主 编 ， 唐 国良 、 周 飞 菲 副 主编 ,石磊 主 审 。 王 文 凡 、 赵 卓 、 
赵 少 林 、 程 杰 、 张 西 芝 、 乔 木 等 参与 了 部 分 资料 的 收集 整理 工作 ， 在 此 向 他 们 表示 感谢 。 

本 书 可 以 作为 高 等 院 校 ASP.NET 开发 课程 的 教材 ， 也 可 以 作为 有 一 定 的 面向 对 象 编程 
基础 和 数据 库 基础 ， 想 利用 VS 2008 开发 Web 应 用 程序 的 开发 人 员 的 参考 资料 。 

在 编写 本 书 的 过 程 中 参考 了 相关 文献 , 在 此 向 这 些 文献 的 作者 深 表 感谢 。 由 于 时 间 较 紧 ， 
书 中 难免 有 错误 与 不 足 之 处 ， 奶 请 专家 和 广大 读者 批评 指正 。 我 们 的 信箱 : 
huchenhao@263.net， 电 话 是 : 010-62796045. 


作 者 
2009 年 1 月 


第 1 章 ASP.NET 与 VWD 2008 
1.1 网 站 建设 基础 知识 … 
1.1.2 JA yieee 3 
12 ASP.NET 与 VWD 2008- 
1.2.1 ASP.NET 的 历史 
1.2.2 ASP.NET 的 开发 环境 ………… 5 
13 安装 VWD 2008 开发 环境 …… 6 
14 JF ASP.NET Web 程序 流程 …6 
1.4.1 使 用 VWD 2008 创建 
ASP.NET 网 站 ……………………7 
142 新建 ASP.NET 页 面 ………… 10 
143 在 VWD 2008 中 执行 页 面 …11 
实验 1 ASPNET 与 VWD 2008 


第 2 章 XHTML 基础 知识 … 


2.1 


22 


2.3 


开发 平台 aas 12 


Web 基本 技术 

2.1.1 HTML ..................... 13 
2.1.2 XML. -14 
XHTML 的 基本 格式 ………… is 
22.1 ASP.NET 的 文档 结构 ……… 15 
2.2.2 XHTML 的 语法 规则 

XHTML 标记 、 标 记 属 性 ……19 


2.3.1 主体 标记 <body>...</body>…19 
2.3.2 ”注释 标记 <!-- 注 释 内 容 -- >…-20 
分 层 标记 <div>.….</div> 
文本 和 格式 标记 


23.3 


2.3.4 


实验 2 XHTML 基础 知识 … 


235 表格 标记 24 
2.3.6” 超 链接 标记 <a>...</a>……… 25 
237 图 像 标记 <img /> 


第 3 章 ASP.NET 基础 知识 …………… 31 
ai SE u. Su Qs 
3.1.1 ASP.NET 页 面 代码 模式 …… 
312 TREH 32 
3.1.3 ”页面 生 存 周期 ………………… 33 

32 ”特殊 文件 夹 
3.2.1 App_ Data 文件 夹 
322 App_Code 文件 夹 …………… 34 
323 Bin XHK 
324 其 他 文件 夹 介绍 … 

33 ASP.NET 的 常用 内 置 对 象 …… 36 
3.3.1 Response 对 象 sssssssssss 36 
33.2 Request 对 象 
3.3.3 Application 对 象 41 
33.4 Session 对 象 
33.5 Server 对 象 -pp 
3.3.6 ViewState( 视 图 状态 ) 对 象 …47 
3.3.7 Cookie 对 象 … 

34 ASP.NET 配置 管理 
3.4.1 web.config XIA 52 
34.2 ”配置 文件 的 语法 规则 … 

3.4.3 ”Global.asax 文件 介绍 … 

实验 3 ASP.NET 基础 知识 ……… 56 

第 4 章 ASP.NET 服务 器 控件 ………- 57 

41 ASP.NET 服务 器 控件 概述 … 57 


IVe 


42 HTML 元 素 和 服务 器 控件 


4.3 


4.4 


ASPNET 3.5 网 站 开发 实例 教程 


42.1 HTML 元 素 


4.2.2 HTML 服务 器 控件 …………… 60 
标准 服务 器 控件 - 


4.3.1 ”按钮 控件 
4.3.2 ”TextBox( 文 本 框 ) 控 件 ………63 
4.3.3 ListBox 控件 和 
DropDownList 控件 ………… 65 
43.44 ”CheckBox( 复 选 框 ) 和 
CheckBoxList( 复 选 框 列表 ) 


4.3.5 Image 和 ImageMap 控件 ……69 
43.6 RadioButton 和 

RadioButtonList 

服务 器 控件 ………………………………72 
4.3.7 MultiView 和 View 控件 ……75 
43.8 AdRotator( 广 告 控件 ) 

服务 器 控件 ………………………79 


4.3.9 Literal 控件 和 Panel 控件 ……80 
验证 控件 -PP 84 
4.4.1 ASP.NET 验证 控件 …………… 85 


4.4.2 验证 Web 窗 体 页 中 的 


45 ”用 户 控件 ………… 90 
实验 4 用 户 控件 的 创建 ………… 93 
第 5 章 RERS SA 95 
51 页 面 切换 …………… 95 


52 


5.1.1 利用 超 链 接 切换 到 
p E 
5.1.2 ”利用 按钮 的 PostBackUrl 
属性 切换 到 其 他 页 面 … 
5.1.3 ”使 用 Response.Redirect 或 
Server.Transfer 切换 到 其 他 
页 面 
514 页 面 间 的 数据 传递 
网 站 导航 103 


52.1 ASP.NET 网 站 导航 


522 ”利用 站 点 地 图 和 SiteMapPath 
控件 实现 网 站 导航 - 
523 利用 Menu 控件 实现 


5.2.4 利用 TreeView 控件 实现 


实验 5 页 面 切 换 与 导航 ……… 113 


页 面 布局 ………… 145 
6.1.1 CSS 的 概念 
6.1.2 在 源 视图 下 设置 样式 
6.13 在 可 视 化 窗口 中 
设置 样式 
6.1.4 样式 规则 
6.2.1 网 页 的 基本 布局 方式 
622 页 面 元 素 定位 
6.2.3 表格 布局 ee 
6.2.4 DIV 和 CSS 布局 


63.1 母 版 页 和 内 容 页 的 概念 …… 142 
632 ”创建 母 版 页 和 内 容 页 ……… 142 
633 ”从 内 容 页 访问 母 版 页 


6.4.1 主题 的 概念 - 
642 在 主题 中 定义 外 观 - 
643 在 主题 中 同时 定义 外 观 

和 样式 表 
644 利用 主题 实现 换 肤 - 


实验 6 页 面 布局 … 153 


第 7 章 ADO.NET 数据 访问 ……… 156 
ADO NET 概述 ………………… 156 


目录 .V. 


72 ”使 用 Connection 连接 8.4.2 FormView 控件 的 数据 呈现 
数据 库 …… 158 T E 204 
73 使 用 Command 对 象 执行 实验 8 数据 绑 定 ……………… 213 
Ed 160 | 第 9 章 ASPNETAJAX 214 
7.3.1 使 用 Command 对 象 查 询 9.1 ASP.NET AJAX 概述 ………… 214 
数据 库 的 数据 …………… wl 9.2 ”ScriptManager 控件 …………… 215 
732 使 用 Command 对 象 增加 9.2.1 ScriptManager 控件 的 属性 
数据 库 的 数据 ……………… 162 和 215 
733 ”使 用 Command 对 象 删除 922 ScriptManager 控件 的 
数据 库 的 数据 ……………… 165 [i 216 
734 使 用 Sooni 对 象 修改 93 UpdatePanel 控件 517 
数据 库 的 数据 …………… 166 9.3.1 UpdatePanel 控件 
735 人 169 Pipa uu esse 549 
74 AË} DataAdapter 对 象 执行 9.3.2 UpdatePanel 控件 属性 …… 218 
数据 库 命令 ……………………170 9.3.3 在 UpdatePanel 中 实现 局 部 
7.4.1 使 用 DataAdapter 对 象 查询 二 219 
UpdatePanel sasa Fj 
数据 库 的 数据 ……………… 172 935 在 内 容 页 中 使 用 
7.4.3 使 用 DataAdapter 对 象 增加 LA E E tasas 223 
BORRE e 174 9.3.6 UpdatePanel 异步 更 新 中 的 
7.4.4 使 用 Data Adapter 对 象 删除 HB ABR... 226 


数据 库 的 数据 175 94 UpdateProgress 控件 ………… 228 


实验 7 ADONET 数据 库 访问 …177 9.4.1 UpdateProgress 控件 属性 … 228 
第 8 章 ASP.NET 中 的 数据 绑 定 …… 178 942 ”使 用 UpdateProgress 控件 

81 ”数据 绑 定 概述 …………………… 178 的 方法 …………… 228 

82 ” 单 值 和 列表 控件 的 数据 绑 定 …179 9.4.3 使 用 多 个 UpdateProgress 


821 单 值 绑 定 控件 的 方法 


822 ”列表 控件 的 数据 绑 定 9.5 Timer 控件 
83 GridView 控件 9.5.1 Timer 控件 属性 和 事件 …… 231 
8.3.1 GridView 的 数据 绑 定 952 ”使 用 Timer 控件 定时 更 新 
832 WE GridView 的 绑 定 列 和 UpdatePanel --------------+--+---+-++ 232 
模板 列 一 187 953 “使 用 Timer 控件 定时 更 新 
833 GridView 的 排序 …………… 194 多 个 UpdatePanel… 
834 GridView 的 分 页 …………… 197 


9.6 ASP.NET AJAX Control 


84 DataList 和 FormVi 200 
ataList 和 FormView 控件 Extenders 扩展 控件 …………234 


8.4.1 DataList 的 数据 绑 定 ……… 201 


ASPNET 3.5 网 站 开 


*VI ° 
9.6.1 如 何 使 用 ASPNET AJAX 
Control Extenders- 235 
9.6.2 ”使 用 FilteredTextBoxExtender 
控件 防止 输入 非法 字符 ……237 
963 使 用 SlideShowExtender 
控件 播放 幻灯 片 …………… 238 
964 使 用 AlwaysVisibleControl 
Extender 固定 位 置 显示 
控件 En 241 
实验 9 ASP.NET AJAX ………… 242 
第 10 章 Web 服务 ……………………… 243 
10.1 支持 AJAX 的 Web Services 
简介 -243 
10.1.1 什么 是 Web Services =- 243 
10.1.2 JSON 和 支持 AJAX 的 
102 ”创建 和 使 用 支持 AJAX 的 
Web 服务 a 247 
103 支持 AJAX 的 Web 服务 的 
应 用 程序 体系 结构 ………… 255 
10.3.1 AJAX 服务 返回 什么 ? … 256 
10.3.2 JSON 与 XML 之 比较 …256 
10.3.3 ASP.NET AJAX 中 
10.3.4 ASP.NET AJAX 服务 
和 SOAP .pe 259 
103.5 调用 AJAX JR 260 
实验 10 Web JRI o 262 
第 11 章 # ASP.NET 中 使 用 XML…263 
11.1 XML 的 基本 概念 
11.1.1 XML 的 基本 结构 
11.1.2 标记 、 元 素 以 及 元 素 
11.1.3 XML 数据 的 显示 
112 使 用 ADONET 访问 XML --268 
11.2.1 将 数据 库 数 据 转换 成 
XML--—— 268 


113 


11.4 


实验 11 


发 实例 教程 


1122 jH XML 文档 ………… 270 
1123 编辑 XML 文档 ………… 270 
1124 将 XML 写 入 数据 库 …… 272 
11.2.5 将 XML 数据 转 

换 为 字符 出 ……… 273 
使 用 NET 的 XML 类 
访问 XML… 19974. 
XML 的 应 用 和 发 展 前 景 … 277 
114.1 XML 的 应 用 ……………… 


11.4.2 XML 的 发 展 前 景 


第 12 章 开发 实例 … 


121 


122 


123 


系统 设计 
12.1.1 需求 分 析 … 
1212 ”概念 结构 设计 …………… 281 
1213 ”数据库 设计 … 
12.1.4 功能 设计 
程序 设计 PE PAE IRENETA 
12.2.1 设置 数据 库 连 接 信息 
1222 ”访问 数据 库 公共 类 
1223 母 版 页 - 
1224 默认 主页 … 
1225 ”新 闻 列 表 … 
1226 产品 列表 
12.2.7 用 户 登录 用 户 控件 
12.2.8 
12.2.9 
12.2.10 
12.2.11 
12213 
12315 


管理 员 登 录 页 面 
后 台 管 理 页 面 …………… 
新 闻 管 理 页 面 …… 

产品 添加 页 面 
12.2.14 订单 管理 页 面 ………… 
12.2.15 用 户 管理 页 面 
编译 与 发 布 ……… 


实验 12 实例 开发 ………… 


第 1 章 ASP.NET 与 VWD 2008 
开发 平台 


本 章 介 绍 了 网 站 建设 的 基本 原理 、 流 程 和 创建 网 站 的 工具 一 一 ASP.NET 技术 的 基本 概 
况 。 作 为 一 种 新 型 的 Web 开发 技术 , ASP.NET 基于 Microsoft 公司 的 NET 框架 , 支持 C# 和 
VB.NET 语言 ， 是 现在 主流 的 网 站 开发 平台 。 通 过 本 章 的 学 习 ， 读 者 能 够 了 解 如 何 安装 、 使 
用 ASP.NET 的 集成 开发 环境 一 一 Visual Web Developer 2008， 并 能 够 建立 简单 的 动态 网 站 和 
页 面 。 


本 章 的 学 习 目标 

° 掌握 静态 网 站 与 动态 网 站 的 概念 、 特 点 

° 了 解 ASP.NET 的 发 展 历史 、 特 点 及 开发 环境 

e 掌握 安装 ASP.NET 的 开发 环境 VWD 2008 的 步 又 
° 了 解 开 发 动态 网 站 的 一 般 流程 

o 能 够 创建 简单 的 动态 网 站 


1.1 网 站 建设 基础 知识 


互联 网 的 快速 发 展 给 人 们 的 工作 、 学 习 和 生活 带 来 了 重大 变化 ， 人 们 可 以 利用 网 络 处 理 
数据 、 获 取信 息 ， 极 大 地 提高 了 工作 效率 。 在 互联 网 开发 所 涉及 的 众多 技术 中 ， 最 为 关键 的 
技术 之 一 就 是 网 站 建设 技术 。 通 过 本 节 的 学 习 ， 读 者 将 了 解 在 网 站 制作 的 过 程 中 常常 会 见 到 
的 静态 网 站 、 动 态 网 站 等 一 些 基 本 概念 。 

1.1.1 静态 网 站 


传统 的 网 站 一 般 是 采用 静态 网 页 技术 制作 的 静态 网 站 。 在 静态 网 站 中 所 有 的 内 容 以 
HTML 语言 编写 ， 存 储 在 静态 网 页 文件 中 ， 文 件 扩展 名 为 : htm. html. shtml. xm 等 。 网 
页 上 可 以 出 现 GIF 动画 、FLASH 动画 、 滚 动 字幕 等 动态 视觉 效果 ， 但 这 些 动态 效果 只 是 视 
觉 上 的 。 这 里 所 讨论 的 静态 网 站 中 的 “ 静 ” 是 指 网 页 内 容 在 用 户 发 出 请 求 之 前 就 已 经 生成 
了 (这 就 是 用 户 每 次 总 能 看 到 相同 页 面 的 原因 )，Web 服务 器 只 负责 保存 和 传递 HTML 文件 ， 
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而 不 进行 额外 处 理 ， 用 户 只 能 阅读 网 站 所 提供 的 信息 ， 如 图 1-1 所 示 。 


请 求 文件 HIML 网 
传输 文件 


图 1-1 静态 网 站 模型 


静态 网 站 中 网 页 的 内 容 相 对 稳定 ， 不 需要 通过 数据 库 工作 ， 对 于 Web 服务 器 来 说 ， 处 
理 负担 不 大 ， 因 此 静态 网 站 具有 容易 被 搜索 引擎 检索 、 访 问 速度 比较 快 的 优点 。 

静态 网 站 的 致命 弱点 是 不 易 维护 ， 为 了 不 断 更 新 网 页 内 容 ， 网 站 管理 者 必须 不 断 地 重复 
制作 HTML 文档 ， 随 着 网 站 内 容 和 信息 量 的 日 益 增长 ， 维 护 工作 将 变 得 十 分 艰巨 。 因 此 ， 静 
态 网 站 往往 适用 于 数据 不 多 ， 网 页 比较 固定 ， 更 新 不 频繁 的 情况 。 更 新 较 少 的 展示 型 网 站 一 
般 采 用 静态 网 站 技术 搭建 。 


1.1.2 ”动态 网 站 


在 静态 网 站 中 用 户 可 以 阅读 、 发 布 大 量 信息 ， 但 如 果 用 户 想 拥有 自己 的 聊天 室 一 一 享受 
与 朋友 在 一 起 自由 讨论 的 乐趣 ， 建 立 网 上 商店 一 一 实现 自己 的 创业 梦想 …… 就 必须 采用 动态 
网 站 技术 进行 交互 式 Web 体验 。 

什么 是 动态 网 站 呢 ? 所 谓 “ 动 ”， 并 不 是 指 网 页 上 的 GIF 等 动画 图 片 ， 而 是 指 用 户 与 网 
站 的 互动 性 。 

动态 网 站 的 概念 现在 还 没有 统一 标准 ， 但 一 般 应 满足 以 下 几 点 特征 。 

1. 交互 性 


动态 网 站 中 的 网 页 会 根据 用 户 的 要 求 和 选择 而 改变 和 响应 。 网 站 管理 员 只 需要 掌握 计算 
机 基本 操作 方法 ， 就 可 以 方便 、 及 时 地 更 新 网 站 内 容 ;浏览 网 站 的 用 户 可 以 在 网 站 中 进行 查 
询 、 留 言 等 操作 。 可 见 ， 动 态 网 站 技术 大 大 增加 了 管理 员 与 网 站 、 客 户 与 网 站 的 互动 性 。 

2. 通过 数据 库 进行 架构 

在 动态 网 站 中 ， 网 络 管理 员 除 了 要 设计 网 页 视觉 效果 ， 还 要 设计 数据 库 和 程序 代码 来 使 
网 站 具有 更 多 自动 的 和 高 级 的 功能 。 例 如 ， 购 物 网 站 中 含有 大 量 的 商品 种 类 和 数量 信息 ， 为 
了 方便 查找 ， 就 应 搭建 数据 库 平台 在 网 页 上 实现 自动 搜索 。 现 在 广泛 使 用 的 网 上 交易 系统 、 
在 线 采 购 系 统 、 商 务 交流 系统 等 都 是 由 数据 库 提供 技术 支持 的 。 


3. 在 服务 器 端 运行 ， 方 便 更 新 


在 服务 器 端 运 行 的 程序 、 网 页 、 组 件 ， 会 随 不 同 客 户 、 不 同 要 求 返回 不 同 的 页 面 ， 网 站 
E 员 无 须 手 动 更 新 网 页 文档 ， 可 以 大 大 节省 网 站 管理 的 工作 量 ， 如 图 1-2 所 示 。 
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(用 户 端 ) (服务 器 端 ) (数据 库 ) 


图 1-2 动态 网 站 模型 


由 上 述 特征 可 以 看 出 ， 静 态 和 动态 内 容 的 主要 区 别 在 于 : 静态 网 站 内 容 是 在 用 户 发 出 请 
求 之 前 预先 生成 的 ， 而 动态 网 站 内 容 则 是 在 用 户 发 出 请 求 之 后 产生 的 。 

动态 网 站 在 发 出 请 求 之 后 生成 内 容 有 两 个 明显 的 优点 。 

首先 ， 服 务 器 端 可 以 根据 用 户 提交 的 请 求 、 用 户 提 供 的 请 求 的 内 容 值 设置 它 所 生成 的 页 
HAR. W: 在 一 个 电子 商务 网 站 提交 用 户 名 和 密码 ， 那 么 用 户 将 看 到 的 下 一 个 页 面 就 是 动 
态 生成 的 页 面 ， 它 包含 了 用 户 的 私有 账户 的 信息 。 

其 次 ， 服 务 器 端 可 以 根据 最 新 的 可 用 信息 设置 它 所 生成 的 页 面 内 容 。 如 很 多 网 站 都 有 正 
在 使 用 这 个 网 站 的 用 户 数量 的 显示 。 用 户 数量 的 值 是 实时 信息 , 是 在 Web 服务 器 接收 用 户 请 
求 时 获取 的 。 

可 以 说 ， 动 态 网 站 的 Web 服务 器 不 仅 负责 传递 网 站 文件 ， 它 更 是 一 个 完成 信息 处 理 的 
执行 平台 。 例 如 一 个 购物 网 站 ， 由 两 部 分 组 成 ， 一 是 用 户 部 分 (也 叫 前 台 客户 端 )， 一 是 管理 
员 部 分 (也 叫 后 台 服 务 器 端 )。 前 台 客 户 端 提供 的 功能 有 : 新 用 户 注册 ， 已 注册 用 户 的 登录 ， 
户 对 商品 的 查询 、 浏 览 ， 用 户 对 商品 的 在 线 购买 等 等 。 当 一 个 新 用 户 在 前 台 注 册 成 功 ， 后 
台 服 务 器 就 必须 在 数据 库 的 用 户 表 中 添加 相应 的 用 户 信息 ; 当 已 注册 用 户 想 查 看 自己 购物 篮 
中 的 物品 ， 后 台 服 务 器 就 必须 从 数据 库 中 找 出 该 用 户 已 挑选 出 的 物品 的 详细 信息 ， 产 生 输 出 
结果 ， 反 馈 到 用 户 浏览 器 中 。 

静态 网 站 和 动态 网 站 各 有 特点 ,搭建 网 站 采用 动态 还 是 静态 技术 主要 取决 于 网 站 的 功能 
需求 和 内 容 的 多 少 ， 如 果 网 站 功能 比较 简单 ， 内 容 更 新 量 不 是 很 大 ， 采 用 静态 网 站 的 方式 会 
更 简单 ， 反 之 一 般 要 采用 动态 网 站 技术 来 实现 。 

静态 网 站 可 以 使 用 Frontpage 或 Dreamweaver 等 网 页 编辑 工具 来 建立 ， 而 动态 网 站 需要 
使 用 服务 器 端 网 页 技术 ， 如 本 书 介绍 的 ASP.NET 来 搭建 。 
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ASP.NET 是 由 Microsoft 公司 提出 的 动态 网 站 设计 技术 与 程序 框架 ， 它 带 给 人 们 的 是 全 
新 的 技术 ， 和 由 此 产生 的 开发 效率 的 提高 ， 网 站 性 能 的 提升 。 使 用 ASP.NET 提供 的 内 置 服 
务 器 控件 或 第 三 方 生成 的 控件 ， 可 以 创建 既 复杂 又 灵活 的 用 户 界 面 ， 大 幅度 减少 生成 动态 网 
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页 所 需 的 代码 ， 同 时 ，ASPNET 能 够 在 服务 器 上 动态 编译 和 执行 这 些 控件 代码 。 
HRT, ASP.NET 作为 Windows 平台 上 流行 的 网 站 开发 工具 ， 能 够 提供 各 种 方便 的 Web 
开发 模型 ， 利 用 这 些 模型 用 户 能 够 快速 地 开发 出 动态 网 站 所 需 的 各 种 复杂 功能 。 


1.2.1 ASPNET 的 历史 


早期 的 Web 程序 开发 是 十 分 繁琐 的 事情 ， 一 个 简单 的 动态 页 面 就 需要 编写 大 量 的 代码 

(一 般 用 C 语言 ) 才 能 完成 。 
1996 年 , Microsoft 推出 了 ASP(Active Server Page)1.0 版 。 它 允许 采用 VBScript/JavaScript 
这 些 简 单 的 脚本 语言 编写 代码 ， 人 允许 将 代码 直接 嵌入 HIML， 从 而 使 得 设计 动态 Web 页 面 
的 工作 变 得 简单 。 在 进行 程序 设计 时 ，ASP 能 够 通过 内 置 的 组 件 ， 实 现 强 大 的 功能 (如 
Cookie). ASP 最 显著 的 贡献 就 是 推出 了 ActiveX Data Objects(ADO)， 它 使 得 程序 对 数据 库 的 
操作 变 得 十 分 简单 。 

1998 年 ， 微 软 发 布 了 ASP 2.0 和 IIS 4.0。 与 前 版 相 比 ，2.0 版 最 大 的 改进 是 外 部 的 组 件 
需要 初始 化 。 用 户 能 够 利用 ASP 2.0 和 IIS 4.0 建立 各 种 ASP 应 用 , 而 且 每 个 组 件 有 了 自己 单 
独 的 内 存 空间 ， 可 以 进行 事务 处 理 。 

随后 ， 微 软 公 司 开发 了 Windows 2000 操作 系统 ， 其 中 的 Windows 2000 Server 系统 提供 
T IS 5.0 和 ASP 3.0。 此 次 升级 ， 最 主要 的 改变 就 是 把 很 多 事情 交 给 COM+ 来 做 ， 效 率 比 以 
前 的 版 本 更 高 ， 而 且 更 稳定 。 

ASP.NET 是 Microsoft 公司 于 2002 年 推出 的 新 一 代 体系 结构 一 一 Microsoft NET 的 一 部 
分 , 用 来 在 服务 器 端 构 建功 能 强大 的 Web 应 用 , 包括 Web 窗 体 (Web Fonm) 和 Web 服务 (Web 
Services) 两 部 分 。 伴 随 着 .NET 技术 的 出 现 ，ASP.NET 1.0 也 应 运 而 生 。ASP.NET 1.0 在 结构 
上 与 前 面 的 ASP 版 本 截然 不 同 ， 几 乎 完全 是 基于 组 件 和 模块 化 的 。ASPNET 1.0 允许 开发 者 
以 一 种 非常 灵活 的 方式 创建 Web 应 用 程序 ， 并 把 常用 的 代码 封装 到 各 种 面向 对 象 的 组 件 中 ， 
这 些 组 件 可 以 由 客户 端 用 户 通过 事件 来 触发 。 同 时 ，ASPNET 提出 了 代码 隐藏 类 (CodeBehind) 
的 概念 , 把 逻辑 代码 (.aspx.cs) 和 表现 页 面 (.aspx) 分 离开 来 , 使 用 户 很 容易 使 用 后 台 代码 来 控制 
页 面 的 逻辑 功能 。 

2003 年 ，Microsoft 公司 发 布 了 Visual Studio NET 2003( 简 称 VS 2003)， 提 供 了 在 Windows 
操作 系统 下 开发 各 类 基于 NET 框架 的 全 新 的 应 用 程序 开发 平台 。 

2005 年 ，NET 框架 从 1.0 版 升级 到 2.0 BR, Microsoft 公司 发 布 了 Visual Studio.NET 
2005 (简称 VS 2005) 。 相 应 的 ASPNET 1.0 也 得 到 了 升级 ， 成 为 ASPNET 2.0。 它 修正 了 以 
前 版 本 中 的 一 些 Bug 并 在 移动 应 用 程序 开发 ， 代 码 安全 以 及 对 Oracle 数据 库 和 ODBC 的 支 
持 等 方面 都 做 了 很 多 改进 。 

2008 年 ， Visual Studio.NET 2008( 简 称 VS 2008) 问 世 了 , ASP.NET 相应 的 从 2.0 版 升级 
到 3.5 版 。 其 中 ASPNET 3.5 版 最 重要 的 功能 提高 在 于 : 支持 AJAX 的 网 站 ， 改 进 了 对 语言 
集成 查询 (LINQ) 的 支持 。 这 些 改进 提供 了 新 的 服务 器 控件 和 类 型 、 新 的 面向 对 象 的 客户 端 
类 型 库 等 功能 。 
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1.2.2 ASPNET 的 开发 环境 


Visual Studio.NET 2008 集成 了 Visual Basic 2008, Visual C# 2008、 Visual C+ 2008 和 
Visual Web Developer 2008 等 工具 ， 是 一 个 功能 强大 的 集成 开发 平台 ， 几 乎 可 以 在 其 中 完成 
所 有 的 软件 开发 任务 : 如 可 以 在 VS.NET 2008 中 进行 Windows 应 用 程序 开发 .ASPNET Web 
应 用 程序 开发 .XML Web Services 开发 、 设 备 应 用 程序 开发 以 及 与 其 相关 的 数据 库 应 用 处 理 。 
Visual Studio.NET 2008 针对 不 同 需求 ， 提 供 了 多 个 版 本 ， 分 为 面向 大 型 软件 开发 团队 的 
Visual Studio Team System、 面 向 一 般 开 发 者 的 Professional、standard 和 Express 四 个 版 本 。 
其 中 的 Visual Studio.NET 2008 Express (速成 版 ) 是 微软 免费 为 初学 者 提供 的 。 

进行 ASPNET 开发 时 需要 使 用 的 语言 是 Visual BasicNET 或 者 是 C#， 这 两 种 语言 都 是 
Visual Studio.NET 环境 下 的 程序 设计 语言 ， 但 并 不 是 必须 使 用 Visual Studio.NET 环境 才能 进 
{T ASP.NET Web 程序 设计 。 因 为 ASPNET 文件 实际 上 是 一 个 纯 文 本 的 文件 ， 编 译 工作 是 在 
和 户 向 服务 器 第 一 次 发 出 对 该 文件 的 HITP 请 求 时 由 Web 服务 器 进行 的 , 并 不 是 由 VS 完成 
的 。 所 以 网 页 性 能 的 好 坏 与 代码 设计 环境 是 否 是 VS 无 关 ， 甚至 用 户 可 以 在 文本 编辑 器 (如 写 
字 板 ) 中 进行 ASPNET 代码 的 设计 。 

在 本 书 中 ， 以 C# 作 为 编程 语言 ， 以 VS 2008 Express 中 的 Visual Web Developer 2008 ( 简 
称 VWD 2008) 组 件 作 为 开发 环境 ， 进 行 ASPNET 动态 网 页 设计 和 网 站 开发 。Visual Web 
Developer 2008 是 一 个 功能 齐备 的 开发 环境 ， 可 以 方便 、 高 效 地 创建 ASPNET Web 应 用 程 
序 ( 简 称 网 站 ) 。 

Visual Web Developer 2008 提供 下 列 功能 。 

e 网 页 设计 : VWD 2008 内 置 功能 强大 的 网 页 编辑 器 ， 包 含 所 见 即 所 得 的 编辑 模式 和 
HTML 编辑 模式 ， 以 及 智能 感应 功能 和 验证 功能 。 支 持 所 见 即 所 得 的 拖 搜 界面 ， 可 
以 创建 美观 、 易 用 的 网 站 。 

e 网 页 设计 功能 : VWD 2008 支持 页 面 模式 , 使 用 主题 和 外 观 保持 一 致 的 页 面 外 观 ， 从 

而 统一 管理 网 页 的 排版 与 布局 。 

e 代码 编辑 ，VWD 2008 提供 代码 编辑 器 ， 使 用 户 可 以 使 用 Visual Basic.NET 或 C# 编 
写 动 态 网 页 的 代码 。 代 码 编辑 器 包括 语法 修饰 和 智能 感应 功能 。 

e 调试 :提供 调试 器 ， 帮 助 用 户 查 找 程 序 中 的 错误 。 

o 控件 ， ASP.NET Web 服务 器 控件 整合 了 创建 网 站 所 需 的 大 部 分 功能 ， 用 户 可 以 快速 
开发 Web 应 用 程序 。 

e 数据 访问 ， 支持 用 户 在 网 页 中 显示 和 编辑 数据 。 数 据 可 以 位 于 各 种 数据 存储 区 中 ， 
其 中 包括 数据 库 或 XML 文件。 在 很 多 情况 下 ， 用 户 无 需 编写 任何 代码 ， 即 可 向 网 页 
中 添加 和 编辑 数据 。 

e 安全 性 、 个 性 化 设置 ， 提 供 内 置 的 应 用 程序 服务 ， 用 户 可 以 向 网 站 中 添加 用 于 确保 
登录 安全 性 的 成 员 资格 ;提供 配置 文件 属性 ， 维 护 用 户 特 定 的 信息 ; 另外 还 提供 其 
他 功能 ， 其 中 的 大 部 分 功能 都 不 要 求 编写 任何 代码 。 

e 对 文件 传输 协议 (FTP) 的 内 置 支持 : 使 用 VWD 2008 的 FTP 功能 ， 可 以 直接 连接 到 
服务 器 ， 然 后 在 该 服务 器 上 创建 和 编辑 文件 。 


= 
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此 外 ,Visual Web Developer 2008 包含 了 一 个 内 置 的 Web 服务 器 , 方便 开发 人 员 创 建 和 
调试 ASP.NET Web 应 用 程序 。 因 此 ， 用 户 不 需要 再 安装 和 配置 HS 服务器， 就 可 以 开发 
ASPNET Web 应 用 程序 。 


13 安装 VWD 2008 开发 环境 


下 面 ， 以 Visual Studio 2008 Express 为 例 ， 介 绍 Visual Web Developer 2008( 本 书 以 后 全 
部 简称 为 VWD 2008) 的 安装 步 又。 

(1) 将 Visual Studio 2008 速成 版 安装 光盘 置 入 光驱 ， 稍 等 一 下 ,系统 自动 启动 安装 程序 ， 
如 果 没 有 自动 启动 ， 请 双击 光盘 中 的 setup.exe 程序 来 启动 安装 向导 ， 就 可 以 看 到 安装 欢迎 界 
面 ， 如 图 1-3 所 示 。 


adio 2008 EEE RFE 


Visual Studio 


E 


Yia Editon — " 
j= T Viia CHF 
e caa 
E 
a Web Developer xs A 
a ds EXprESS Edition: ni 


查看 自述 立 件 >T 


图 1-3 ”安装 欢迎 界面 


(2) 选择 Visual Web Developer 2008 选项 ， 出 现 软件 用 户 许可 协议 。 

(3) 选中 【我 接受 许可 协议 中 的 条 款 】 复 选 框 ， 同 意 授权 ， 单 击 【 下 一 步 】 按 钮 安装 组 
件 。 

(4) 默认 安装 路 径 是 C:\Program Files\Microsoft Visual Studio 8, 用 户 可 以 根据 需要 指定 不 
同 的 安装 路 径 。 

(5) 单 击 【 下 一 步 】 按 钮 开始 复制 组 件 ， 用 户 可 以 看 到 将 要 安装 的 组 件 。 复 制 和 安装 完 
成 后 ， 出 现 完成 安装 界面 。 

(6) 单 击 【 完 成 】 按 钮 ， 完 成 Visual Web Developer 2008 Express 的 安装 。 


14 开发 ASP.NET Web 程序 流程 


开发 ASPNET Web 应 用 程序 ， 就 是 创建 基于 ASP.NET 的 Web 网 站 。 一 个 Web 网 站 通 
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常 在 计算 机 中 对 应 于 一 个 虚拟 目录 ， 目 录 中 包含 页 、 控 件 、 代 码 模块 和 服务 ， 以 及 配置 文件 
和 各 种 资源 。 
利用 VWD 2008 开发 Web 应 用 程序 ， 一 般 分 为 3 大 阶段 : 首先 需要 进行 整体 规划 、 利 
模板 创建 Web 构架 ， 然 后 进行 开发 调试 ， 最 后 进行 网 站 的 发 布 工作 。 
es 规划， 创建 动态 网 站 : 需要 确定 所 制作 的 网 站 主题 、 风 格 、 页 面 元 素 、 逻 辑 结构 等 。 
e° 开发 调试 : 这 一 阶段 工作 包括 系统 数据 库 的 实现 、 基 本 类 文件 的 实现 、Web 页 面 实 
现 等 。 
e° 网 站 发 布 : 发布 的 服务 器 可 以 是 远程 ， 也 可 以 是 本 地 ， 上 传 网 站 可 利用 FTP 工具 。 
下 面 ， 通 过 具体 的 实例 来 说 明 如 何在 VWD 2008 中 创建 ASP.NET Web 应 用 程序 。 


1.4.1 使 用 VWD 2008 创建 ASP.NET 网 站 


<a 


当 第 一 次 启动 VWD 2008 时 ， 系 统 会 自动 进行 相关 的 初始 化 环境 设 定 。 
打开 【开始 】| 【程序 】| 【Visual Web Developer 2008 Express Edition】， 启 动 VWD 2008 
速成 版 ， 出 现 起 始 页 ， 如 图 1-4 所 示 。 


EERASHAFR 


图 1-4 VWD 2008 开发 环境 示意 图 


在 进行 网 站 建设 之 前 ， 先 熟悉 一 下 VWD 2008 的 开发 环境 。 图 1-4 显示 了 在 Visual Web 
Developer 2008 中 可 用 的 窗口 和 工具 。 

e 菜单 栏 : 提供 格式 化 文本 、 查 找 文本 等 命令 。 一 些 工 具 只 有 在 设计 视图 下 才 可 用 。 

e TR: 提供 可 以 拖 到 页 面 上 的 控件 和 HTML 元 素 。 工 具 箱 元 素 按 常 用 功能 分 组 。 

e 文档 窗口 : 显示 用 户 正在 选项 卡 式 窗口 中 处 理 的 文档 。 单 击 选项 卡 可 以 实现 在 文档 

间 切 换 。 

文档 窗口 通常 有 两 个 视图 : 图 形 设计 视图 和 源 视 图 。 

图 形 设计 视图 允许 在 用 户 界面 或 网 页 上 指定 控件 和 其 他 项 的 位 置 ， 可 以 从 工具 箱 中 拖 动 
控件 ， 并 将 控件 置 于 设计 图 上 。 

源 视图 用 于 显示 文件 或 文档 的 源 代码 ， 此 视图 支持 编码 帮助 功能 ， 如 智能 感应 功能 、 可 
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折 革 代码 节 、 重 构 和 代码 段 插入 等 。 
另外 ， 文 档 窗口 还 提供 混合 视图 ， 通 过 该 视图 可 以 同时 查看 文件 的 图 形 和 代码 视图 ， 此 
视图 称 为 拆 分 视图 。 
e 解决 方案 资源 管理 器 : 显示 网 站 中 的 文件 和 文件 来。 通过 “解决 方案 资源 管理 器 ”， 
可 以 快速 打开 文件 进行 编辑 ， 向 项 目 中 添加 新 文件 ， 以 及 查看 方案 、 项 目 和 项 目 属 
性 等 。 
e 数据 库 资 源 管理 器 : 显示 数据 库 连 接 。 
e 属性 窗口 :允许 用 户 更 改 页 、HTML 元 素 、 控 件 和 其 他 对 象 的 设置 。 
【 例 4-4] 创建 一 个 ASP.NET 网 站 ， 存 放 至 新 建文 件 夹 DA myasp 中 ， 并 观察 组 成 网 站 
的 基本 文件 。 
(1) 在 DD 盘 新 建文 件 夹 myasp， 用 于 存放 网 站 文件 。 
(2) 在 VWD 2008 菜单 栏 中 选择 【文件 命令 , 在 其 下 拉 子 菜单 中 , 可 以 看 到 VWD 2008 
支持 创建 网 站 或 文件 ， 如 图 1-5 所 示 。 
(3) 选择 【新建 网 站 命令 , 出现 【新 建 网 站 】 对 话 框 。 在 列 出 的 【模板 】 中 选择 “ASPNET 
网 站 ”, 在 【位 置 】 下 拉 列 表 中 选择 “文件 系统 ”， 【路径 】 选 择 已 建立 的 文件 夹 D\ myasp， 
在 【语言 】 下 拉 列 表 中 选择 visual c#， 单 击 【 确 定 】 按 钮 ， 结 束 网 站 的 创建 ， 如 图 1-6 所 示 。 


D ”新建 网 站 人 ,ShifttAtty 
D mertu Ctrlty 
殴打 开 网 站 @) Shift*Alt+0 
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P aD: 
关闭 CC) Visual Studio 已 安装 的 模板 
J ASP NE vo 服务 
加 % B= 服务 
E 
G ESRF  CtrltShiftts REENA. 
1 < 
j | ASP.NET 网 站 (NET Framework 3.5) 
最 近 的 文件 D , 
晤 近 的 项 目 (D , 
Btw 
图 1-5 VWD 2008 文件 菜单 图 1-6 “新 建 网 站 ”对 话 框 
说 明 : 


a. 创建 网 站 时 需要 指定 一 个 模板 。 每 个 模板 创建 包含 不 同文 件 和 文件 夹 的 Web 应 用 程 
序 。 打 开 DD myasp 文件 夹 ， 可 以 看 到 ， 一 个 ASP.NET Web 网 站 包含 名 为 App_Data 的 子 
文件 夹 和 3 个 初始 文件 ， 如 图 1-7 所 示 。 
e Defaultaspx 文件 为 ASPNET Web 窗 体 文件 ， 该 文件 作为 网 站 的 默认 主页 ， 可 以 包 
E Web 控件 。 以 aspx 作为 页 面 扩展 名 的 页 面 由 ASP.NET 运行 , 而 扩展 名 为 htm 
和 .html 的 网 页 是 不 被 ASPNET 运行 的 。 
e Default.aspx.cs 文件 为 网 页 运行 时 要 编译 的 类 源 代码 文件 。 
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e web.config 文件 为 Web 配置 文件 。 
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图 1-7 组 成 动态 网 站 的 基本 文件 


在 【位 置 】 下 拉 列 表 中 ， 有 以 下 几 项 选项 。 


文件 系统 网 站 ， 指 用 户 选 择 在 本 地 计算 机 上 某 个 文件 夹 中 存储 页 面 和 其 他 文件 。 
HTTP 网 站 ， 将 用 户 的 文件 存储 在 本 地 US 根 目录 (通常 是 \Inetpub\Wwwroot\) 的 子 


文件 夹 中 。 


FTP 网 站 ， 将 文件 存储 在 远程 服务 器 上 ， 用 户 可 以 使 用 文件 传输 协议 ETP) 通 过 


Intemet 访问 该 服务 器 。 


用 户 选择 的 编程 语言 将 是 网 站 的 默认 语言 。 但 在 同一 个 Web 应 用 程序 中 可 以 使 用 多 


种 编程 语言 创建 页 面 和 组 件 。 


(4) 观察 代码 。 创 建 网 站 结束 ,VWD 2008 自动 打开 Default aspx 文件 ,默认 情况 下 以 “ 源 ” 
在 该 视图 下 可 以 查看 页 面 的 代码 ， 如 图 1-8 所 示 


视图 显示 该 页 ， 


此 文件 是 由 XHTML 语言 编写 的 , 关于 XHTML 语 


细 讨 论 。 
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图 1-8 在 源 视图 中 查看 Default aspx 代码 
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1.4.2 新建 ASPNET 页 面 


建立 了 Web 网 站 ， 就 可 以 在 网 站 中 新 建 或 打开 ASPNET 页 面 。 
【 例 4-2] 在 刚才 创建 的 网 站 下 ， 创 建 一 个 ASP.NET 页 面 ， 存 储 为 welcome.aspx。 


(1) 在 VWD 2008 菜单 栏 中 选择 【文件 】| 【新建 文件 】 命令， 出 现 【 添 加 新 项 】 对 话 框 ， 
如 图 1-9 所 示 。 


D 在 列 出 的 【模板 】 中 选择 “Web 窗 体 ”， 在 【名 称 】 中 输入 创建 的 页 面 名 称 ， 本 例 
名 称 为 welcome.aspx， 在 【语言 】 下 拉 列 表 中 选择 visual c#， 选 中 【将 代码 放 在 单独 的 文件 
中 】 复 选 框 。 单 击 【 添 加 】 按 钮 完成 welcome.aspx 页 面 的 创建 。 
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图 1-9 创建 welcome.aspx 

说 明 : 

添加 页 面 的 另 一 种 方法 是 在 【解决 方案 资源 管理 器 】 中 右键 单 击 网 站 名 称 ， 在 出 现 的 快 
捷 菜 单 中 选择 【添加 新 项 】。 

(3) VWD 2008 创建 新 页 面 并 以 源 视图 打开 。 可 以 在 这 里 看 到 相应 的 代码 。 

(4) 向 页 中 添加 一 些 文本 。 在 文档 窗口 的 底部 ， 单 击 【 设 计 】 选 项 卡 切换 到 设计 视图 。 
设计 视图 以 所 见 即 所 得 的 方式 显示 用 户 正 在 使 用 的 页 。 新 建立 的 页 面 没 有 任何 文本 或 控件 ， 
因此 页 面 是 空白 的 。 在 页 面 上 键入 “欢迎 使 用 Visual Web Developer”， 同 时 在 设计 视图 中 
就 看 到 了 键入 的 文本 ， 如 图 1-10 所 示 。 这 时 ， 切 换 到 源 视图 ， 可 以 看 到 通过 在 设计 视图 中 键 
入 内 容 而 创建 的 源 文件 代码 ， 如 图 1-11 所 示 。 
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图 1-10 在 设计 视图 中 查看 welcome.aspx 图 1-11 在 源 视 图 中 查看 welcome.aspx 


1.4.3 在 VWD 2008 中 执行 页 面 


在 继续 向 页 面 添加 控件 ， 进 入 深入 学 习 之 前 ， 读 者 可 以 执行 该 页 ， 测 试 显示 结果 。 要 运 
行 页 ， 需 要 一 个 Web 服务 器 ， 如 果 在 发 布 的 网 站 中 ， 执 行 页 面 必须 使 用 HS 作为 Web 服 
务 器 ， 但 对 于 这 里 建立 的 文件 系统 网 站 而 言 ，VWD 2008 中 的 默认 Web 服务 器 ASP.NET 
Development Server, 使 系统 在 没有 安装 IIS 服务 器 时 , 也 可 以 测试 ASPNET 程序 的 执行 结果 。 

【 例 1-3】 在 VWD 2008 中 执行 welcome.aspx。 

(1) 在 VWD 2008 的 菜单 栏 中 选择 【文件 】 | 打开 网 站 】 命 令 ， 出 现 【添加 新 项 】 对 话 
框 ， 选 择 网 站 及 文件 welcome.aspx。 

(2) 在 菜单 栏 中 选择 【文件 代 在 浏览 器 中 查看 】 命 令 ， 网 页 显示 在 浏览 器 中 , 如 图 1-12 
所 示 。 

说 明 : 

运行 网 站 的 快捷 方法 是 使 用 组 合 键 Ctl+F5。 
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欢迎 使 用 Visual Web Developer 


图 1-12 welcome.aspx 运行 结果 


现在 创建 的 网 站 内 容 还 比较 简单 ， 以 后 的 学 习 将 会 逐渐 丰富 该 网 站 。 
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实验 1 ASP.NET 与 VWD 2008 开发 平台 


1. 实验 目的 

安装 ASPNET 的 开发 环境 VWD 2008， 并 创建 简单 的 动态 网 站 。 
2. 实验 内 容 和 要 求 

(1) 安装 VWD 2008， 建 立 ASPNET 3.5 的 运行 环境 。 

(2) 使 用 VWD 2008 创建 网 站 lianxil， 并 创建 第 一 个 页 面 examl.aspx。 

(3) 单 击 页 面 examl.aspx 的 设计 标签 ， 切 换 到 页 面 设计 窗口 ， 在 页 面 中 输入 : “这 是 我 
的 第 一 个 ASPNET 程序 ”。 

(4) 运行 这 个 页 面 。 


第 2 章 XHTML 基础 知识 


HTML 是 互联 网 上 组 建 网 站 的 最 常用 语言 ， 但 由 于 它 本 身 固 有 的 缺陷 ， 已 经 不 能 满足 动 
态 网 站 的 组 建 和 互联 网 发 展 的 需求 。XML 是 “万 维 网 联盟 ”定义 的 受到 广泛 支持 的 行业 标 
准 ， 是 新 一 代 互联 网 的 关键 , 但 XML 不 兼容 HTML， 因 此 在 现实 中 用 XML 取代 HIML 还 
有 很 长 的 路 要 走 。XHTML 是 基于 XML 的 规范 ， 并 对 HTML 进行 增强 而 形成 的 一 种 过 渡 语 


ml 


本 章 对 XHTML 的 概念 、 页 面 结构 、 语 法 规则 和 标记 进行 了 详细 的 描述 。 通 过 本 章 的 学 


习 ， 读 者 能 够 掌握 XHTML 的 基本 概念 ， 并 会 使 用 XHTML 编写 ASPNET 网 页 。 
本 章 的 学 习 目标 
o 理解 什么 是 HTML、XML 和 XHTML， 以 及 三 者 之 间 的 关系 
° 掌握 动态 网 页 的 组 成 结构 
o 掌握 XHTML 的 语法 规则 


e° 熟悉 并 使 用 XHTML 标记 
2.1 Web 基本 技术 


互联 网 技术 正 处 于 日 新 月 异 的 高 速 发 展 中 ， 它 汇集 了 当前 信息 处 理 的 几乎 所 有 技术 手 
段 ， 来 满足 用 户 的 需求 。 在 这 里 对 Web 基本 技术 进行 讨论 。 


2.1.1 HTML 


HTML(HyperText Markup Language) 超 文本 标记 语言 ， 是 制作 页 面 文档 的 主要 编辑 语言 。 
无 论 在 何 种 操作 系统 下 ， 只 要 有 浏览 器 就 可 以 运行 HTML 页 面 文档 。 作 为 一 种 标记 语言 ， 
HTML 利用 近 120 种 标记 来 标识 网 页 的 结构 及 超 链接 等 信息 ， 使 页 面 在 浏览 器 中 展示 出 精彩 
纷呈 的 效果 。HTML 只 是 建议 Web 浏览 器 应 该 如 何 显示 和 排列 信息 ， 并 不 能 精确 定义 格式 ， 
因此 在 不 同 的 浏览 器 中 显示 的 HIML 文件 效果 会 不 同 。 

HTML 文件 是 一 种 纯 文本 文件 ， 通 常 以 htm 或 html 作为 文件 扩展 名 。 可 以 用 各 种 类 型 
的 工具 来 创建 或 者 处 理 HTML 页 面 ， 如 记事 本 、 写 字 板 、FrontPage、Dreamweaver 等 。 

HTML 由 于 它 的 简单 易学 ， 得 到 了 广泛 的 使 用 ， 但 是 HTML 存在 着 不 可 克服 的 缺陷 。 

首先 ，HTML 的 标记 是 固定 的 。 也 就 是 说 ，HTML 不 允许 用 户 创建 自己 的 标记 。 所 以 
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HTML 很 难 做 更 复杂 的 事情 : 如 它 无 法 描述 矢量 图 形 、 科技 符 号 和 一 些 其 他 的 特殊 显示 效果 。 
其 次 ，HIML 中 标记 的 作用 只 是 建议 浏览 器 用 何 种 方式 显示 数据 。 HTML 语言 无 法 解释 
数据 之 间 的 关系 ， 以 及 相关 结构 方面 的 信息 ， 因 此 不 能 适应 日 益 增多 的 信息 检索 要 求 和 存档 
要 求 。 

通过 上 面 的 讨论 可 以 看 出 ,HTML 尽管 很 简单 方便 ,但 当 需 要 对 一 定量 的 数据 进行 复杂 
处 理 时 ， 就 力不从心 了 ， 而 这 正 是 XML 可 以 大 显 身 手 的 地 方 。 


2.1.2 XML 


HTML 是 很 成 功 的 标记 语言 ， 目 前 很 多 网 站 是 由 HTML 语言 制作 的 。HTML 语法 要 求 
比较 松散 ， 这 对 网 页 编写 者 来 说 ， 比 较 方便 ， 但 对 计算 机 来 说 ， 语 言 的 语法 越 松散 ， 处 理 起 
来 就 越 困难 ， 传 统 的 计算 机 能 够 处 理 松 散 的 语法 ， 但 随 着 互联 网 的 发 展 ， 对 于 许多 新 兴 的 连 
接 到 互联 网 的 设备 ， 比 如 手机 ， 解 析 网 页 语法 的 难度 就 比较 大 。 于 是 ， 人 们 开始 致力 于 构建 
另 一 个 标记 语言 ， 使 它 既 具 有 HTML 的 简单 性 ， 又 具有 强大 的 功能 和 可 扩展 性 ，XML 应 运 
而 生 。 

XML(eXtensible Markup language) 可 扩展 标记 语言 ， 将 网 络 上 的 文档 规范 化 ， 并 赋予 标 
记 一 定 的 含义 ， 同 时 ，XML 又 不 仅仅 只 是 标记 语言 ， 它 还 提供 了 一 个 标准 ， 用 户 可 以 利 
这 个 标准 定义 新 的 标记 语言 ， 并 为 这 个 新 的 标记 语言 规定 它 所 特有 的 一 套 标记 。 

XML 已 经 在 文件 配置 、 数 据 存储 、 基 于 Web 的 B2B 交易 、 存 储 矢量 图 形 和 描述 分 子 结 
构 等 众多 方面 得 到 广泛 的 应 用 。 但 是 ， 由 于 目前 的 浏览 器 对 XML 的 支持 还 不 够 完善 ，XML 
在 互联 网 上 完全 蔡 代 HTML 还 需要 很 长 一 段 时 间 。 

在 由 HTML 向 XML 过 渡 阶段 ， 国 际 万 维 网 组 织 (W3C) 在 HTML 基础 上 ， 按 照 XML 格 
式 制定 了 新 的 规范 XHTML 1.0， 使 网 络 编程 人 员 只 要 通过 简单 的 更 改 ， 就 能 将 HTML 转 为 
XHTML， 从 而 为 实现 由 HTML 向 XML 的 过 渡 找 到 桥梁 。 


2.1.3 XHTML 


XML 虽然 数据 转换 能 力 强大 , 完全 可 以 替代 HTML, 但 面 对 成 千 上 万 已 有 的 基于 HTML 
语言 设计 的 网 站 ， 直 接 采 用 XML 还 为 时 过 早 。 因 此 , 在 HTML 4.0 的 基础 上 ,用 XML 的 规 
则 对 其 进行 扩展 ， 得 到 了 XHTML(eXtensible Hypertext Markup Language) 可 扩展 超 文 本 标记 
语言 。XHTML 是 为 了 使 HTML 向 XML 顺利 过 渡 而 定义 的 标记 语言 ， 它 以 HIML 为 基础 ， 
采用 XML 严谨 的 语法 结构 , 可 以 说 , XHTML 结合 了 部 分 XML 的 强大 功能 及 大 多 数 HIML 
的 简单 特性 ， 是 一 种 增强 了 的 HIML， 它 的 可 扩展 性 和 灵活 性 将 适应 未 来 网 络 应 用 的 需求 。 
越 来 越 多 的 程序 员 开 始 利用 XHTML 设计 网 站 结构 ， 编 写 网 页 内 容 。 

目前 国际 上 在 网 站 设计 中 推崇 的 Web 标准 就 是 基于 XHTML 的 应 用 ( 即 通常 所 说 的 CSS 
十 DIV)。 本 书 第 1 章 所 介绍 的 VWD 2008 开发 工具 默认 建立 的 网 页 即 为 XHTML 格式 的 网 页 。 

大 部 分 的 浏览 器 都 可 以 正确 地 解析 XHTML， 即 使 老 版 本 的 浏览 器 ， 也 将 XHTML 作为 
HTML 的 一 个 子 集 。 因 此 , 可 以 说 几乎 所 有 的 网 页 浏览 器 在 正确 解析 HTML 的 同时 ， 都 可 以 
兼容 XHTML. 
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2.2 XHTML 的 基本 格式 


XHTML 以 HTML 为 基础 ， 因 此 与 HTML 有 很 多 相似 之 处 。 接 下 来 介绍 ASP.NET 的 页 
面 文档 结构 和 XHTML 的 语法 规则 。 


2.2.1 ASPNET 的 文档 结构 


这 里 以 第 1 章 建立 的 welcome.aspx 为 例 ， 来 说 明 ASP.NET 的 文档 结构 。 
welcome .aspx 的 XHTML 代码 : 


<%(@ Page Language="C#" AutoEventWireup="true" CodeFile="welcome.aspx.cs" 
Inherits="welcome" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml 1/DTD/xhtml 1-transitional.dtd"> 
<script runat="server"> 
</script> 
<html xmlns="http:/Avww.w3.org/1999/xhtml"> 
<head runat="server"> 
<title> 无 标题 页 </title> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
sg 
欢迎 使 用 Visual Web Develope 
&nbsp 
<p> 
</div> 
</form> 
</body> 
</html> 


从 上 面 的 代码 可 以 看 到 ， 一 个 完整 的 ASPNET 页 面 文档 是 由 指令 、 文 档 类 型 声明 、 代 
码 声明 、 服 务 器 代码 、 文 本 和 XHTML 标记 等 部 分 组 成 。 

(1) 指令 

ASP.NET 页 面 通常 包含 一 些 指 令 , 允许 用 户 指 定 页 面 的 属性 和 配置 信息 , 对 页 面 进行 设 
置 。 指 令 指定 的 设置 ， 不 会 出 现在 浏览 器 端 。 

在 网 页 设计 时 ，ASP.NET 提供 “代码 分 离 ” 技 术 ， 使 开发 者 进行 分 工 协作 ， 分 别 进行 网 
页 界面 代码 设计 和 后 台 服 务 器 运行 代码 设计 。 具 体 在 实践 中 ,将 源 代码 放 在 扩展 名 为 .aspx X: 
件 中 ， 将 Web 服务 器 运行 代码 放 在 另 一 个 文件 中 ， 若 此 文件 是 由 C# 编 写 的 ， 则 文件 扩展 名 
为 .cs。 这样 做 可 以 使 前 台 HTML 界面 随 着 潮流 不 停 的 变化 , 而 后 台 服 务 器 端的 代码 可 以 稳定 
地 实现 业务 处 理 。 
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„aspx 文件 和 .cs 文件 的 相互 关联 是 由 aspx 文件 中 @page 指令 连接 的 。 如 本 例 中 : 


<%@ Page Language="C#" AutoEventWireup="true" (CodeFile="welcome.aspx.cs" 
Inherits="welcome" %> 


该 指令 说 明 编程 语言 为 C#， 需 要 链接 的 cs 文档 为 welcome.aspx.cs。 

(2) 文档 类 型 声明 

DOCTYPE 为 文档 类 型 声明 ， 指 定 本 文档 遵从 的 DTD(Document Type Definition 文档 类 
型 定义 ) 标 准 ， 同 时 指定 了 文档 中 的 XHTML 版 本 ， 可 以 和 哪些 验证 工具 一 起 使 用 等 信息 ， 以 
保证 此 文档 与 Web 标准 的 一 致 。 

文档 类 型 声明 是 每 个 网 页 文档 必需 的 ， 如 果 网 页 文档 中 没有 文档 类 型 声明 ， 浏 览 器 就 会 
采用 默认 的 方式 ， 即 W3C 推荐 的 HTML 4.0 来 处 理 此 HTML 文档 。 

本 例 的 文档 类 型 声明 部 分 为 : 

<!DOCTYPE html PUBLIC "-/AV3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml 1/DTD/xhtml1-transitional.dtd">. 


DOCTYPE 是 document type (文档 类 型 ) 的 缩写 , W3CWDTD XHTML 1.0 Transitional 说 明 
此 文档 符合 W3C 制定 的 XHTML 1.0 规范 , 即 声明 此 文档 应 该 按照 XML 文档 规范 来 配对 所 
有 标记 。xhtmll-transitional.dtd 中 的 DTD 是 文档 类 型 定义 ， 包 含 了 文档 的 规则 ， 浏 览 器 根据 
页 面 所 定义 的 DTD 来 解释 页 面 内 的 标识 ， 并 将 其 显示 出 来 。 

(3) 代码 声明 

包含 ASPNET 页 面 的 所 有 应 用 逻辑 和 全 局 变量 声明 、 子 例 程 和 函数 。 页 面 的 代码 声明 
位 于 <scripf>.…</scripf> 标 记 中 。 

(4) 服务 器 代码 

大 多 数 ASPNET 页 面包 含 处 理 页 面 时 在 服务 器 上 运行 的 代码 。 页 面 的 代码 位 于 script 
标记 中 ， 该 标记 中 的 开始 标记 包含 runat="server" 属性 。 

如 本 例 中 的 <script runat="server">， 说 明 页 面 运行 时 ，ASP.NET 将 此 标记 标识 为 服务 器 
控件 ， 并 使 其 可 用 于 服务 器 代码 。 

(5) 文本 和 XHTML 标记 

页 面 的 文本 部 分 用 XHTML 标记 来 实现 ， 这 一 部 分 结构 应 完全 符合 HTML 的 文件 结构 。 
在 上 面 的 例子 中 可 以 看 到 ， 一 个 最 基本 的 HTML 网 页 结构 由 3 个 部 分 构成 : 


<html> 
<head> 
<title> 标 题 内 容 </title> 
</head> 
<body> 
主要 内 容 
</body> 
<html> 
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e <html >...</html>: 整个 HTML 文件 的 起 止 标记 。 

其 他 HTML 标记 都 要 被 放 在 这 对 标记 之 间 。 

在 HTML 代码 中 ， 仅 有 <html >...</html>， 而 在 XHTML 代码 中 使 用 了 <html 
Xmlns="http:/www.w3.org/1999/xhtml">...</html>。 其 中 的 xmlns 是 XHTML namespace 的 缩 
写 ， 即 XHTML 命名 空间 ， 用 来 声明 网 页 内 所 用 到 的 标记 是 属于 哪个 名 称 空间 的 。 本 例 中 ， 
指定 HTML 的 标记 名 称 空间 为 http://www.w3.org/1999/xhtml, 这 属于 XML 1.0 的 写法 。 说明 
整个 网 页 标记 应 符合 XHTML 规范 。 

e <head>...</head>: HTML 头 部 文件 。 

头 部 文件 中 包含 页 面 传递 给 浏览 器 的 信息 ， 这 些 信 息 作 为 一 个 单独 的 部 分 ， 不 是 网 页 的 
主体 内 容 , 但 有 时 对 于 浏览 器 而 言 是 很 有 用 的 。 在 头 部 文件 中 可 以 设置 页 面 的 标题 、 关 键 字 、 
外 部 链接 和 脚本 语言 等 内 容 : 如 用 <tile>...<title> 标 记 来 设置 网 页 的 标题 ， 用 
<script >...</script> 标 记 来 插入 脚本 等 。 

e <body>...</body>: 文档 内 容 部 分 。 

<body>.….</body> 标 记 之 间 为 页 面 文档 的 主体 ， 用 来 放置 页 面 的 内 容 ， 是 在 浏览 器 中 需 
要 显示 的 内 容 。 对 一 个 最 简单 的 网 页 来 说 ，<body>...</body> 标 记 符 是 必须 使 用 的 标记 符 。 


2.2.2 XHTML 的 语法 规则 


因为 引入 XHTML 的 目的 是 在 HTML 中 使 用 XML, 所 以 XHTML 的 语法 规则 比 HTML 
严格 很 多 。 有 具体 有 下 列 规则 。 
(1) UTF-8 之 外 的 编码 ， 文 档 必 须 具 有 XML 声明 
当 文档 的 字符 编码 是 默认 的 UTF-8 之 外 的 编码 时 , 编程 人 员 必须 在 XHTML 页 面 中 添加 
一 个 XML 声明 并 指定 代码 。 
例如 : <? xml version="1.0" encoding="iso-8859-1"?> 
(2) 页 面 中 的 HIML 标记 之 前 必须 使 用 DOCTYPE 声明 
XHTML 1.0 提供 了 3 种 DTD 声明 供 选择 ，DOCTYPE 声明 必须 引用 其 中 一 种 类 型 。 
e Transitional( 过 渡 型 ): 要 求 使 用 宽松 的 DID， 这 时 可 以 使 用 符合 HTML 4.0 标准 的 标 
记 ， 但 是 必须 符合 XHTML 的 语法 。 这 是 ASPNET 所 采用 的 默认 文档 类 型 定义 。 
声明 代码 为 : <IDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.ore/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
e ”Strict( 严 格 型 )， 要 求 使 用 严格 的 DTD， 这 时 不 能 使 用 任何 表现 层 的 标记 和 属性 ， 如 
标记 <br>。 
声明 代码 为 <IDOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 strict/EN" 
"http://www.w3.org/TR/xhtml 1/DTD/xhtml1-strict.dtd"> 
o Frameset( 框 架 型 ): 专门 针对 框架 页 面 设计 使 用 的 DID， 如 果 在 网 页 中 包含 有 框架 ， 
则 需要 采用 这 种 DID。 
声明 代码 为 <IDOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml 1/DTD/xhtml 1-frameset.dtd"> 
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G) 页 面 的 html 标记 必须 指定 命名 空间 

html 标记 必须 指定 XHTML 命名 空间 , 即将 namespace 属性 添加 到 html 标记 中 。 如 例子 
中 的 <html xmlns="http:/Avww.w3.org/1999/xhtml">...</html>, 

(4) 文档 必须 包含 完整 的 结构 标记 

文档 必须 包含 head，title 和 body 结构 标记 。 框 架 集 文档 必须 包含 head, title 和 frameset 
结构 标记 。 

(5) 标记 必须 正确 嵌 套 

XHTML 要 求 有 严谨 的 结构 ， 文 档 中 的 所 有 标记 必须 按 顺 序 正 确 嵌 套 ， 例 如 : 

<p>This is a <> bad example.</p></ 记 是 错误 的 。 

<p>This is a <i> good example.</i></p> 是 正确 的 。 

也 就 是 说 ， 一 层 一 层 的 嵌 套 必须 是 严格 对 称 。 

(6) 标记 必须 成 对 使 用 ， 若 是 单独 不 成 对 的 标记 ， 在 标记 最 后 加 /> 结束 。 如 : 

<b 户 是 错误 的 。 

<br 户 是 正确 的 。 

(7) 所 有 标记 名 称 和 属性 的 名 字 都 必须 使 用 小 写 

与 HIML 不 同 ,， XHTML 对 大 小 写 是 敏感 的 , XHTML 要 求 所 有 的 标记 和 属性 的 名 字 都 
必须 使 用 小 写 。<tile> 和 <TITLE> 在 XHTML 是 不 同 的 标记 。 

(8) 属性 值 必 须 用 引号 " 括 起 来 

在 HTML 中 ， 不 要 求 给 属性 值 加 引号 ， 但 是 在 XHTML 中 ， 属 性 值 必须 被 加 引号 。 例 
如 <height=80> 必须 修改 为 ，<height="80">。 

特殊 情况 下 ， 若 用 户 需 要 在 属性 值 里 使 用 双 引 号 ， 可 以 使 用 &apos: 表 示 ， 例 如 : 


<alt="say&apos:hello&apos;"> 


(9) 属性 不 允许 简写 ， 每 个 属性 必须 赋值 
XHTML 规定 所 有 属性 都 必须 有 一 个 值 ， 没 有 值 的 就 重复 本 身 。 例 如 : 


<input type="checkbox" name="shirt" value="medium" checked> 


必须 修改 为 : 


<input type="checkbox" name="shirt" value="medium" checked="checked"> 


(10) fJ] id 8 Ñ name 属性 

(11) 图 片 必 须 有 说 明文 字 

每 个 图 片 标记 必须 有 ALT 说 明文 字 。 即 必须 对 img 和 area 标记 应 用 文字 说 明 alt=" 说 明 " 
属性 。 

如 : <img src="fish jpg" alt="big fish" > 

(12) 不 要 在 注释 内 容 中 使 用 -- 
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一 只 能 发 生 在 XHTML 注释 的 开头 和 结束 ， 也 就 是 说 ， 在 内 容 中 它们 不 再 有 效 。 例 如 下 
的 代码 是 无 效 的 。 <!-- 这 里 是 注释 ----------- 这 里 是 注释 --> 
可 以 用 等 号 或 者 空格 蔡 换 内 部 的 虚线 ， 如 : <!-- 这 里 是 注释 一 一 这 里 是 注释 --> 是 正 


确 的 


以 上 规则 的 使 用 是 为 了 使 代码 有 一 个 统一 、 唯 一 的 标准 ， 便 于 以 后 的 数据 再 利用 。 为 由 
HTML 向 XML 过 渡 打 下 基础 。 


23 XHTML 标记 、 标 记 属 性 


标记 (Tags) 是 指定 界 符 (一 对 尖 括 号 ) 和 定 界 符 括 起 来 的 文本 , 用 来 控制 数据 在 网 页 中 的 编 
排 方 式 ， 告 诉 应 用 程序 (例如 浏览 器 ) 以 何 种 格式 表现 标记 之 间 的 文字 。 当 需要 对 网 页 某 处 内 
容 的 格式 进行 编排 时 ， 只 要 把 相应 的 标记 放置 在 该 内 容 之 前 ， 浏 览 器 就 会 以 标记 定义 的 方式 
显示 网 页 的 内 容 。 学 习 XHTML 语言 的 重点 就 是 学 习 标 记 的 使 用 。 
标记 控制 文字 显示 的 语法 为 : 
< 标记 名 称 > 
需 进 行 格式 控制 的 文字 
</ 标 记名 称 > 
在 XHTML 标记 中 ,往往 还 可 以 通过 设 定 一 些 属性 ， 来 描述 标记 的 外 观 和 行为 方式 ， 以 
及 内 在 表现 ， 以 便 对 文字 编排 进行 更 细微 的 控制 。 几 乎 所 有 的 标记 都 有 自己 的 属性 。 例 如 
style="text-align:center"， 其 中 ，style 就 是 标记 的 属性 ，style 的 值 设置 文本 格式 为 居中 对 齐 。 
使 用 标记 符 有 如 下 一 些 注意 事项 : 
o 任何 标记 都 用 < 和 > 括 起 来 ， 一 般 情况 下 ， 标 记 是 成 对 出 现 的 。 
e 标记 名 与 < 之 间 不 能 有 空格 。 
e， 某 些 标记 要 加 上 属性 ， 而 属性 只 能 加 于 起 始 标记 中 。 格 式 为 : 


< 标记 名 属性 名 = 属性 值 ”属性 名 = 属性 值 …> 网 页 内 容 </ 标 记名 > 


XHTML 文件 支持 很 多 种 标记 ， 不 同 的 标记 代表 不 同 的 含义 。XHTML 常用 的 标记 包括 
主体 标记 、 注 释 标 记 、 分 层 标 记 、 文 本 标记 、 列 表 标 记 、 表 格 标记 、 图 像 标 记 和 超 链接 标 
记 等 。 

2.3.1 主体 标记 <body>...</body> 


主体 标记 之 间 定 义 了 网 页 的 所 有 的 显示 内 容 。 网 页 默认 的 显示 格式 为 : 白色 背景 ，12 像 
素 黑 色 Times New Roman 字体 。 

在 XHTML 中 ，<body> 标 记 用 属性 style 来 设置 样式 ， 如 设置 字体 的 大 小 、 颜 色 、 页 面 
的 背景 色 和 背景 图 等 。 格 式 为 : 


< 标记 style=" 样 式 1: 值 1; 样式 2: 值 2; ......w> 
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其 中 , 样式 与 值 用 冒号 分 隔 , 如 果 style 属性 中 包含 多 个 样式 , 各 个 样式 之 间 用 分 号 隔 开 。 

style 属性 常用 的 样式 有 以 下 几 种 。 

e background-color: 设置 网 页 的 背景 颜色 ， 默 认为 白色 背景 。 

e color: 设置 网 页 中 字体 的 颜色 ， 默 认 颜 色 为 黑色 。 

e font-family: 设置 网 页 中 字体 的 名 称 ， 如 宋体 、 楷 体 、 黑 体 等 。 

e font-size: 设置 网 页 中 字体 的 大 小 。 

e text-align: 设置 网 页 中 文本 的 对 齐 方式 ， 常 用 有 3 种 不 同 的 取 值 : left( 左 对 齐 ， 默 认 

对 齐 方式 )、right( 右 对 齐 )、center( 居 中 对 齐 )。 

例如 : <body style="fontfamily: 宋 体 :colorblue">， 设 置 网 页 字体 为 宋体 ， 字 体 的 颜色 为 

蓝 色 。 


2.3.2 ”注释 标记 <!-- 注 释 内 容 -- > 

浏览 器 会 自动 忽略 注释 标记 中 的 文字 (可 以 是 单行 也 可 以 是 多 行 ) 而 不 显示 。 注 释 标 记 常 
在 比较 复杂 或 多 人 合作 设计 的 页 面 中 ， 为 代码 部 分 加 上 说 明 ， 方 便 日 后 修改 ， 增 加 页 面 的 
可 读 性 和 可 维护 性 。 


2.3.3 ”分 层 标记 <div>...</div> 


= 


分 层 标记 用 来 排版 大 块 的 XHTML 段落 , 为 XHTML 页 面 内 大 块 (block-level) 的 内 容 提供 
结构 和 背景 的 标记 。 可 用 style 属性 ， 在 其 中 加 入 许多 其 他 样式 ， 以 实现 对 其 中 包含 元 素 的 版 
面 设 置 。 

div 标记 除了 可 以 作为 文本 编辑 功能 外 ， 还 可 以 用 作 容 器 标记 ， 即 将 按钮 、 图 片 、 文 本 
框 等 各 种 标记 放 在 div 里 面 作为 它 的 子 对 象 元 素 处 理 。 


234 ”文本 和 格式 标记 


网 页 中 最 常用 的 就 是 文字 了 ,下 面 将 详细 讲解 XHTML 中 对 网 页 中 的 文字 进行 格式 设计 
和 排版 的 常用 标记 。 

(1) 标题 字体 大 小 标记 <hn>...</hn> 

设 定 网 页 的 标题 格式 。 由 大 至 小 ， 有 6 种 设置 标题 格式 的 标记 : <hl>、<h2>、<h3>、 
<h4>、<h5> 和 <h6>。 

(2) 字体 的 加 粗 、 和 斜体 和 下 划 线 标记 

e <b>...</b> 标 记 : 以 加 粗 字 的 形式 输出 文本 。 

e <i>...< 儿 标记 : 以 斜体 字 的 形式 输出 文本 。 

e <u>...</> 标 记 : 以 下 划 线 形式 输出 文本 。 

(3) 段落 标记 

e <p>...</p> 

段落 标记 <p>...</p> 的 作用 是 将 标记 之 间 的 文本 内 容 自动 组 成 一 个 完整 的 段落 。 

o ” 预 格 式 化 标记 <pre>...</pre> 
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预 格式 化 标记 <pre>...</pre> 使 标记 之 间 的 文本 信息 能 够 在 浏览 器 中 按照 原 格式 毫 无 变 
化 的 输出 。 它 可 以 使 浏览 器 中 显示 的 内 容 与 代码 中 输入 的 文本 信息 格式 完全 一 样 。 

(4) 换行 标记 <br 伺 

<br/> 用 于 添加 一 个 回 车 换行 ， 该 标记 没有 结束 标记 ， 故 在 XHTML 中 以 < 和 > 结束 。 在 编 
写 XHTML 时 ， 如 果 在 文件 中 用 回 车 键 分开 了 某 一 段 文字 ， 当 在 浏览 器 中 显示 时 ， 浏 览 器 会 
忽略 源 代码 中 的 换行 ， 而 并 不 会 显示 换行 的 效果 。 若 要 显示 网 页 中 的 文字 换行 效果 ， 必 须 在 
文件 中 使 用 <br 户 标记 。 

(5) 画 线 标记 <hr > 

画 线 标记 < hr 户 单独 使 用 ， 可 以 实现 段落 的 换行 ， 并 绘制 一 条 水 平 直线 ， 并 在 直线 的 上 

下 两 端 留 出 一 定 的 空间 。 可 以 使 用 style 属性 进行 设置 。 其 中 : 

width 用 于 设置 画 线 的 长 度 ， 取 值 可 以 是 以 像素 为 单位 的 具体 数值 ， 也 可 以 使 用 相对 于 
其 父 标记 宽度 的 百分比 数值 。 

Height 用 于 设置 画 线 的 粗细 ， 单 位 是 像素 。 

(6) 文本 居中 标记 <center>... </center> 

文本 居中 标记 用 来 将 网 页 中 center 标记 内 的 元 素 居中 显示 。 

【 例 2-1】 建 立 ASPNET 页 面 ， 命 名 为 text.aspx。 
主体 部 分 代码 如 下 : 
<body style="text-align:center:font-family: 楷 体 _ GB2312:color:blue"> 
<!-- 设 置 整个 页 面 的 字体 居中 显示 ， 字 体 为 楷体 ， 颜 色 为 蓝 色 --> 


<form id="form1" runat="server"> 


<div> 
设 定 标题 格式 示例 : 
<hl> 设 定 标题 格式 ， 此 处 用 hl 效果 </h1> 
<h6> 设 定 标题 格式 ， 此 处 用 h6 效果 </h6> 
<hr style ="width:70%:height: 10px:color:Black" /> 
<!-- 画 一 条 分 割 线 ， 宽 度 为 整个 页 面 的 70%6， 宽 度 为 10 像素 ， 颜 色 为 黑色 --> 
<p> 字体 的 特殊 效果 示例 : </p> 
<b> 粗 体 显示 </b><br 记 
<i> 斜 体 显示 </ji><br 亡 
<hr/> 


在 浏览 器 中 查看 ， 运 行 结果 如 图 2-1 所 示 。 
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HBI O) [E] http://localhost:1283/myasp/ text. aspx 
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字体 的 特殊 效果 示例 : 
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图 2-1 对 页 面 使 用 文本 标记 


(7) 列表 标记 

使 用 列表 标记 为 网 页 中 的 文本 设置 表格 。 包 括 有 序列 表 标 记 和 无 序列 表 标 记 。 

e 无 序列 表 标 记 <ul>...</ul> 和 列表 项 标记 <li>.….</l> 

无 序列 表 是 指 各 个 列表 项 目 没有 顺序 ， 显 示 时 ， 在 各 列表 项 前 面 显示 特殊 符号 的 缩 排列 


<ul style="list-style-type"> 
<l 记 列表 项 1 
<1i> 列 表 项 2 


< 这 列表 项 
<l> 


其 中 , list-style-type 可 以 有 几 种 形式 : 默认 形式 disc( 实 心 圆 )@、circle( 空 心 圆 ) 和 square( 实 


心 方块 )。 


<li> 有 自动 换行 的 作用 ， 每 个 条 目 自动 为 一 行 。 每 一 个 <li> 创 建 的 项 目 可 以 使 有 


list-style-type 单独 指定 的 项 目 符号 。 


e° 有 序列 表 标 记 <ol>...</o> 和 列表 项 标记 <li>.….</li> 
有 序列 表 是 在 各 列表 项 前 面 显示 数字 或 字母 的 缩 排列 表 ， 有 序列 表 显 示 时 ， 会 在 每 个 条 


目前 面 加 上 一 定形 式 的 有 规律 的 项 目 序号 。 语 法 格式 为 : 


<ol style="list-style-type"> 
< 这 列表 项 1 
< 这 列表 项 2 


<1i> 列 表 项 mn 
<o 


其 中 ，list-style-type 可 以 设 为 : upper-alpha( 大 写 英文 )、lower-alpha( 小 写 英文 )、 
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Upper-roman( 大 写 罗 马 数字 )、lowerroman( 小 写 罗 马 数字 ) 和 decimal( 十 进 制 数字 ) 等 。 默 认 的 
列表 标识 符 为 阿拉 伯 十 进 制 数字 。 
同 无 序列 表 中 一 样 ，<i> 有 自动 换行 功能 。 而 且 每 一 个 <i> 创 建 的 项 目 可 以 使 有 
list-style-type 单独 指定 的 项 目 符号 。 
【 例 2-2】 建 立 ASPNET 页 面 ， 名 称 为 listaspx。 
其 主体 部 分 XHTML 代码 如 下 : 


<body> 
<form id="form]" runat="server"> 
<div> 
电子 产品 
<ul> 
<li>38rIB4BHL</Ai> 
<li style ="list-style-type:disc"> 移 动 硬盘 </li> 
<li style ="list-style-type:circle">MP3,MP4</li> 
<li style ="list-style-type:square"> 笔 记 本 电脑 </li> 
<l 
服装 箱包 
<ol> 
<I 记 针织 衫 <li> 
<li style ="list-style-type:lower-roman"> 女 鞋 </li> 
<li style ="list-style-type:lower-alpha"> 男 夹克 </li> 
<li style ="list-style-type:upper-roman'"> 流 行 男女 箱包 </li> 


F 使 用 列表 示例 - 了 icrosoft Internet Explorer 
文件 E) 编辑 于 ) FEV KEW IAW 帮助 00) 
BIER) [Æ] http: //localhost 1283/ayu: 


1 针织 衫 
i kË 


c， 男 夹克 
IV. 流行 男女 箱包 


图 2-2 对 页 面 使 用 列表 标记 
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(8) 空格 标记 &nbsp 

在 XHTML 中 ,直接 输入 多 个 空格 ， 仅 仅 会 被 视 为 一 个 空格 ， 而 多 个 回 车 换行 符 也 仅仅 
被 浏览 器 解读 为 一 个 空格 。 为 了 能 够 显示 多 个 空格 ，XHTML 保留 了 HTML 中 的 空格 标记 
&nbsp。 一 个 &nbsp 代表 一 个 空格 ， 多 个 &nbsp 则 代表 相应 的 空格 数 。 


235 ”表格 标记 


通过 学 习 上 面 的 文本 标记 ， 已 可 以 对 网 页 内 容 设置 字体 、 段 落 、 对 齐 方 式 等 ， 但 是 由 于 
浏览 器 的 不 同 ， 并 不 能 精确 控制 文本 具体 显示 在 网 页 的 位 置 ， 而 使 用 表格 标记 就 可 以 对 网 页 
中 的 各 个 元 素 的 具体 位 置 进行 控制 。 因 此 ， 表 格 在 网 页 设计 中 的 定位 功能 是 极其 重要 ， 同 时 
也 是 在 网 页 设计 所 有 编辑 方式 中 最 灵活 的 。 

表格 由 行 与 列 组 成 ， 每 一 个 基本 表格 单位 称 为 单元 格 。 单 元 格 在 表格 中 可 以 包含 文本 、 
图 像 、 表 单 以 及 其 他 页 面 元 素 。 

e 表格 标记 <table>... </table> 
表格 标记 用 来 声明 表格 ， 标 志 着 一 个 表格 的 开始 和 结束 ， 表 格 的 所 有 定义 都 在 这 对 标记 
围 内 适用 。<table>.… </table> 标 记 的 常用 属性 有 以 下 几 种 。 

° align: 设置 表格 在 网 页 中 的 水 平 对 齐 方式 ， 可 选 值 left. right. center, 

° ”backGround: 为 表格 指定 背景 图 片 。 

。 bgcolor: 为 表格 设 定 背景 色 。 

° border: 设置 表格 边框 厚度 ， 如 果 此 参数 为 0， 那么 表格 不 显示 边界 。 

° cellpadding: 设置 单元 格 中 的 数据 与 表格 边线 之 间 的 间距 ， 以 像素 为 单位 。 

° cellspacing: 设置 各 单元 格 之 间 的 间距 ， 以 像素 为 单位 。 

° valign: 设置 表格 在 网 页 中 的 垂直 对 齐 方式 ， 可 选 值 tp、middle、bottom。 

° width: 设置 整个 表格 宽度 。 

o 行 起 止 标记 <tr>... </tr> 
此 标记 表明 了 表格 一 行 的 开始 和 结束 ， 有 以 下 属性 。 

° align: 设置 行 中 文本 在 单元 格 中 的 水 平 对 齐 方式 ， 可 选 值 left、right、center。 

° backGround: 为 这 一 行 单元 格 指定 背景 图 片 。 

° bgcolor: 为 这 一 行 单元 格 设 定 背景 色 。 

e 单元 格 起 始 标记 <td>.…. </td> 
单元 格 起 始 标记 用 于 设置 表 行 中 某 个 单元 格 的 开始 和 结束 。 
【 例 2-3】 建 立 ASP.NET 页 面 ， 名 称 为 table aspx。 
其 XHTML 主体 部 分 代码 如 下 : 


<body> 
<form id="forml1" runat="server"> 
<div> 
<table border="5"> 
<tr align ="center" > 
<td bgcolor="red"> 第 一 行 第 一 列 ， 背 景 红 色 <td> 


= 
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<td bgcolor="blue"> 第 一 行 第 二 列 ， 背 景 蓝 色 </td> 
<td bgcolor="green"> 第 一 行 第 三 列 ， 背 景 绿 色 </td> 
<A> 
<!-- 以 上 设置 第 一 行 ， 文 字 居 中 一 > 
<tr> 
<td align="left"> 第 二 行 第 一 列 ， 左 对 齐 <td> 
<td align="center"> 第 二 行 第 二 列 ， 居 中 </td> 
<td align="right"> 第 二 行 第 三 列 ， 右 对 齐 </td> 
<tr> 
<!-- 以 上 设置 第 二 行 ， 文 字 居 左 一 > 
</table> 
</div> 
</form> 


<body> 
在 浏览 器 中 查看 运行 结果 ， 如 图 2-3 所 示 。 


文件 @) SEO 查看 WW) KEW IAV WHW 
地 址 加) [Æ] http://localhost:1283/myasp/table. aspx v EJA um > 


Bagage -E 销 入 想 要 搜索 的 内 容 M| Q RR ~ 


图 2-3 对 页 面 使 用 表格 标记 


236 ” 超 链 接 标记 <a>...</a> 


超 链 接 是 通过 文字 、 图 像 等 载体 对 文件 进行 链接 ， 引 导 文件 的 阅读 。 互 联网 的 魅力 就 在 
于 可 以 通过 超 链 接 使 任何 一 个 网 页 ， 可 以 任意 链接 到 世界 任何 角落 的 其 他 网 页 文件 。 超 链接 
往往 用 不 同 的 颜色 或 下 划 线 与 网 页 中 的 其 他 文字 区 别 , 在 阅读 文件 时 , 用 户 通过 单 击 超 链 接 ， 
能 够 随时 查阅 文件 相关 的 详细 信息 。 

1. 超 链接 命令 的 格式 


<a href="'URL" id=" 设 置 锚 点 " target=" 链 接 目 标 网 页 打开 的 窗口 "> 锚 点 </a> 

锚 点 : 实现 链接 的 源 点 ， 通 常 当 鼠 标 移动 到 锚 标 上 会 变 成 小 手 的 形状 ， 浏 览 者 通过 在 锚 
标 上 单 击 鼠 标 就 可 以 到 达 链 接 目标 点 。 

href 属性 : 设 定 要 链接 到 的 文件 名 称 ， 为 必 选 项 。 若 文件 与 页 面 不 在 同一 个 目录 ， 需 要 
加 上 适当 的 路 径 ， 一 般 路 径 格式 为 hre 全 "域名 或 他 地 址 /文件 路 径 /文件 名 # 锚 点 名 称 "。 

id 属性 : 用 来 定义 页 面 内 创建 的 锚 点 ， 在 实现 页 面 内 部 链接 的 时 候 使 用 。 

target JATE: 设 定 链接 目标 网 页 所 要 显示 的 视窗 ， 默 认为 在 当前 窗口 打开 链接 目标 。 可 
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选 值 为 :_blank， parent, _self, _top 及 窗 体 名 称 。 
o target=" blank" 表 示 将 链接 的 目标 内 容 ， 在 新 的 浏览 器 窗口 中 打开 。 
e target=" parent" 表 示 将 链接 的 目标 内 容 ， 在 父 浏览 器 窗口 中 打开 。 
etarget="_self' 表 示 将 链接 的 目标 内 容 ， 在 本 浏览 器 窗口 中 打开 (默认 值 )。 
o target=" top" 表 示 将 链接 的 目标 内 容 ， 在 顶级 浏览 器 窗口 中 打开 。 
e targef" 窗 体 名 称 "表示 常用 于 框架 或 浮动 框架 中 , 将 链接 的 目标 内 容 , 在 “ 窗 体 名 称 ” 
的 框架 窗 体 中 打开 ， 框 架 窗 体 名 称 已 经 事先 在 框架 或 浮动 框架 标记 中 命名 。 
例如 : 


<a href="http://www.taobao.com" target=" selt" > 淘宝 网 </a> 
这 一 段 代 码 运行 后 ， 单 击 这 个 超 链 接 ， 会 在 本 窗口 访问 淘宝 网 。 
2. 超 链接 的 形式 
XHTML 支持 的 超 链接 有 以 下 几 种 形式 : 不 同 网 页 之 间 的 跳 转 、 链 接 至 电子 邮件 、 链 接 


跳 转 到 具体 的 锚 点 等 。 不 同 的 超 链 接 形式 有 不 同 的 格式 ， 具 体 如 下 。 
o 链接 到 其 他 网 页 ， 基 本 格式 : 


<a href"URL"> Hr </a> 


在 此 处 表示 链接 的 是 指定 网 页 。 运 行 时 单 击 链接 ， 转 向 另 一 个 页 面 。 
e 链接 到 图 像 上 ， 基 本 格式 : 


<a href="image namejpg" > 锚 点 </a> 


运行 时 ， 单 击 超 链接 ， 跳 转向 一 幅 图 片 。 
o 链接 到 电子 邮件 ， 基 本 格式 : 


<a ”hre 伍 "mailto: 邮 件 地 址 "> 锚 点 <a> 


邮件 地 址 形式 为 : name@site.come。 
例如 : 


<a href="mailto: administrator@sohu.com" > 与 搜狐 网 管理 员 联 系 </a> 

运行 后 ， 单 击 超 链接 “与 搜狐 网 管理 员 联 系 ”， 跳 转 到 向 管理 员 邮 箱 发 信 的 页 面 。 

e 页 内 链接 : 有 的 页 面 文本 内 容 很 多 ， 浏 览 器 打开 页 面 往往 从 页 面 顶端 开始 显示 ， 若 
用 户 需 要 的 信息 不 在 页 面 的 起 始 部 分 ， 用 户 将 费时 费力 地 从 上 向 下 进行 搜索 。 在 此 
时 ， 设 置 页 内 的 链接 是 很 有 必要 的 。 

实现 页 面 内 的 链接 时 ， 需 要 先 使 用 id 属性 定义 一 个 锚 点 ， 格 式 为 : 


<a id" 锚 点 名 称 "> 预 被 链接 后 显示 的 首部 分 </a> 
然后 再 使 用 href 属性 指向 该 锚 点 ， 格 式 为 : 


第 2 章 XHTML 基础 知识 


<a hre 全 "# 锚 点 名 称 "> <a> 


# 号 表示 链接 目标 与 a 标记 属于 同一 个 页 面 。 
【 例 2-4】 建 立 ASPNET 页 面 ， 名 称 为 hyperlink aspx。 


其 主体 部 分 代码 如 下 : 


<body> 
百度 网 站 的 超级 链接 : 


<a href="http'www.baiducom"> 百度 搜索 </a><br /> 
</body> 


<html> 


在 浏览 器 中 查看 ， 运 行 结果 如 图 2-4 所 示 。 


3 超 链接 示例 - 
Xie SED 


Nicrosoft Internet Explorer 


EEV KAW IAV 


Baiĝoe -E 


HASENFONE M| Q RR ~ 


百度 网 站 的 超级 链接 ， 


百度 搜索 


EHW 
地 址 中) | 图 http://localhost:1283/nyasp/hyperlin v EJ Pa ús > 


图 2-4 对 页 面 使 用 超 链接 标记 


【 例 2-5】 建 立 ASP.NET 页 面 ， 名 称 为 hyperlink2.aspx。 


其 主体 部 分 代码 如 下 : 


<body> 
<form id="form1" runat="server"> 
<div> 
第 2 章 XHTML 基础 知识 
<ul> 
<li>2.1 web 基本 技术 </li> 


<li><a href="#html">2.1.1 HTML</a></li> 
<li><a href="#xml">2.1.2 XML</a></li> 
<li><a href="#xhtml">2.1.3 XHIML</a></li> 
<ul> 
<!-- 在 网 页 头 部 设 定 指向 锚 点 的 超 链 接 -> 

<p> 


<aid="html">2.1.1 HTML</a><br/> 
<! 一 创建 锚 点 html--> 


<p> 
<p> 


<a id="xm]">2.1.2 XML </a><br/> 
<!-- 创 建 锚 点 xml--> 


HTML(HyperText Markup Language) 超 文本 标记 语言 ， 是 制作 网 页 文档 的 


。27 。 


。28 。 ASPNET 3.5 网 站 开发 实例 教程 


HTML 是 很 成 功 的 标记 语言 ，…-<br> 
<p> 
q> 
<a id="xhtm]">2.1.3 XHTML </a><br/> 
<!- 创 建 错 点 xhtml--> 
XML 虽然 数据 转换 能 力 强大 ，.….<br/> 


XPO REO SEV HRW IAV EHU 
ibit D) [Æ] http: //1ocalhost:1283/myasp/hyperlink2. aspx pra 
` 第 入 想 要 搜索 的 内 容 M| Q 搜索 > 


HTML (HyperText pe ) 超 文本 标记 语言 ， 是 制作 网 页 


TENERAS E. 操作 系统 下， 只 要 有 浏览 器 就 可 
以 运行 HTML. = 


作为 一 种 标 ，HTML 利 用 近 1 20 种 标识 来 标 闪 风 页 的 结构 及 
BERES, 和 


本 地 Intranet 


图 2-5 对 页 面 内 部 使 用 超 链接 标记 


237 图 像 标记 <img /> 


Web 页 面 中 的 图 像 可 以 使 网 页 更 加 生动 、 直 观 。 常 见 的 图 像 格式 有 GIF. JPEG 和 PNG 
等 。 其 中 , GIF 和 JPEG 格式 能 被 大 多 数 浏览 器 所 支持 。 网 页 中 的 图 像 一 般 使 用 72dpi 分 辩 率 、 
RGB 色彩 模式 ， 在 XHTML 中 使 用 <img 人 标记 来 向 页 面 中 插入 图 像 。 
图 像 标记 语法 格式 为 : 
<img sre=" 图 像 文件 名 " [alt=" 提 示 文 本 "] [border=" 边 框 宽度 "] [align=" 对 章 方式 "] [width=" 
宽度 像素 大 小 "] [height=" 高 度 像素 大 小 "] alt=" 说 明 "> 


src: 这 个 属性 是 必需 的 ， 用 来 链接 图 像 的 来 源 。 若 图 像 文件 与 XHTML 页 面 文件 处 于 同 
一 目录 下 ， 则 只 写 文件 名 称 ; 若 图 像 文件 与 页 面 不 在 同一 目录 ， 需 要 加 上 合适 的 路 径 ， 相 对 
路 径 和 绝对 路 径 均 可 。 

align: 设置 图 像 旁 边 文 字 的 位 置 。 可 以 控制 文字 出 现在 图 片 的 上 方 、 中 间 、 底 端 、 左 侧 
HAM. PHX top, middle, bottom, left 和 right， 默 认 值 为 bottom。 

alt: 区 别 于 HIML， 每 个 图 片 标记 必须 有 ALT 说 明文 字 。 若 用 户 使 用 文字 浏览 器 ， 由 
于 浏览 器 不 支持 图 像 ， 这 些 文字 会 替代 图 像 显示 出 来 ; 若 用户 使 用 支持 图 像 显示 的 浏览 
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当 鼠 标 移动 至 图 像 上 时 这 些 文字 也 会 显现 出 来 。 
【 例 2-6】 在 dmyasp\ 下 建立 新 文件 夹 images， 将 准备 好 的 图 像 放 入 images 文件 夹 ， 此 
处 放 入 图 片 fshjpg。 建 立 ASPNET 页 面 ， 名 称 为 : picture .aspx。 
XHTML 主体 部 分 代码 如 下 : 


<body> 
<form id="form1" runat="server"> 
<div> 
<img src="images/fish jpg" align="left" width="200" height="150" alt="fish" /> 图 片 左 对 齐 ， 
K 200 像素 ， 宽 150 像素 
</div> 


<p> 


<p> 
<div align="center"> 
<img /src="images/fish jpg" align="middle" width="100" height="100" alt="fish" /> 图片 居 
中 ， 长 100 像素 ， 宽 100 像素 <br 亡 
</div> 
</form> 
</body> 


在 浏览 器 中 查看 运行 结果 ， 如 图 2-6 所 示 。 


S 图 片 标记 示例 - Wicrosoft Internet Explorer 
XPO RED FEV KBW IAV HUW 
ISIE M) [Æ] http://localhost :1283/myasp/pi cture. aspx 


Baiar -E SABERES v| ARE ~ 
图 片 左 对 齐 ， 长 200 像 素 ， 宽 150 像 素 


EE 


EJ 本 地 Intranet 


图 2-6 对 页 面 使 用 图 片 标记 


注意 ， 当 鼠标 移 至 图 片上 时 ， 会 显示 出 alt 属性 的 内 容 fish。 


实验 2 XHTML 基础 知识 


1. 实验 目的 


(1) 熟悉 并 会 使 用 XHTML 的 页 面 格式 及 语法 规则 。 
(2) 掌握 XHTML 文本 标记 、 列 表 标 记 、 表 格 标记 、 图 像 标 记 、 超 链接 标记 等 标记 的 使 


E 
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2. 实验 内 容 和 要 求 
(1) 创建 一 个 XHTML 页 面 mmengling.aspx， 输 出 结果 如 图 2-7 所 示 。 


IFO MED FEV ERW 
地 址 四 ) a http: 33 i) RAE W [Æ http://localhost: 1283/ayasp/songci. a! 


Bai -E z - Bai 客 5 -E SASERINNE v| A 搜索 ~ 


咏 梅 
° NA, RAFTE. 
o 已 是 黄 红 独 自 悉 ， 更 著 风 和 雨 。 
° 无 意 苦 争 春 ， 一 任 群芳 妨 . 


p Sipai, 只 有 香 如 故 。 


2 
HARAR, WERHRM. 
2 RREPA, HE GERR. ” 
. “HE 知 否 ? 应 是 绿肥 红 瘦 。 ” 


应 是 绿肥 红 瘦 


图 2-7 rumengling.aspx 输出 结果 图 2-8 songciaspx 输出 结果 


(3) 用 XHTML 语言 编写 符合 以 下 要 求 的 页 面 :标题 为 An example of image， 在 浏览 器 
窗口 中 显示 一 个 图 像 。 图 像 的 宽度 为 200 像素 ， 高 度 为 150 像素 ， 边 框 宽度 为 10 像素 。 

(4) 在 网 页 中 做 一 张 课程 表 ， 要 求 ， 所 有 的 文字 均 居 中 ;背景 为 黄色 ; 表格 居中 ， 宽 度 
为 500 像素 ， 单 元 格 间 距 与 单元 格 边 距 为 20 像素 。 

(5) 创建 一 个 网 页 ， 通 过 链接 可 以 跳 转 到 实验 (1) 创 建 的 mmmengling.aspx Eo 
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本 章 是 学 习 ASP.NET 非常 关键 的 一 章 ， 是 从 认识 了 解 到 使 用 ASPNET 的 一 个 关键 点 。 
在 用 ASP.NET 进行 程序 开发 时 ， 其 代码 组 织 模式 和 页 面 的 对 象 模型 往往 会 贯穿 整个 开发 过 
程 ， 了 解 其 基本 运作 方式 有 利于 项 目的 顺利 开发 。 

本 章 主要 介绍 ASP.NET 的 一 些 基 础 知识 , 学 习 和 掌握 这 些 知识 是 以 后 进行 ASP.NET 程 
序 开发 的 基础 和 前 提 ， 本 章 正 是 围绕 这 些 知 识 点 进行 介绍 ， 首 先 介 绍 ASP.NET 的 页 面 框架 
和 页 面 类 , 紧 接 着 介绍 了 对 ASP.NET 各 种 程序 文件 进行 存放 的 文件 夹 , 接 下 来 介绍 ASP.NET 
的 核心 对 象 , 主要 包括 Response、Request、Application、Session、Server 等 对 象 以 及 ViewState 
等 ， 最 后 介绍 了 ASP.NET 的 配置 文件 web.config 和 全 局 文件 Global.asax。 


本 章 的 学 习 目 标 

° 了 解 ASPNET 页 面 的 运行 机 制 和 页 面 的 生命 周期 

° 了 解 ASP.NET 所 包含 的 文件 夹 以 及 各 个 文件 夹 的 功能 
e 掌握 定义 、 创 建 和 使 用 常用 内 置 对 象 的 方法 

° 了解 Cookie 的 基础 知识 以 及 设置 和 检索 Cookie 的 方法 
o 掌握 ASPNET 的 配置 管理 方式 


31 页面 管 理 


ASP.NET 页 面 是 带 .aspx 扩展 名 的 文本 文件 , 可 以 被 部 署 在 IIS 虚拟 目录 树 之 下 。 页 面 由 
代码 和 标签 (tag) 组 成 ， 它 们 在 服务 器 上 动态 地 编译 和 执行 ， 为 提出 请 求 的 客户 端 浏览 器 (或 设 
备 ) 生 成 显示 内 容 。 对 于 Web 开发 人 员 来 说 ， 如 果 想 提高 页 面 的 运行 效率 ， 首 先 需要 了 解 
ASPNET 页 面 是 如 何 组 织 运行 的 。 


3.1.1 ASPNET 页 面 代码 模式 


ASP.NET 的 页 面包 含 两 个 部 分 : 一 部 分 是 可 视 化 元 素 , 包括 标签 、 服 务 器 控件 以 及 一 些 
静态 文本 等 ， 另 一 部 分 是 页 面 的 程序 逻辑 ,包括 事件 处 理 句柄 和 其 他 程序 代码 。ASPNET 提 
供 两 种 模式 来 组 织 页 面 元 素 和 代码 : 一 种 是 单一 文件 模式 ， 另 一 种 是 后 台 代码 模式 。 两 种 模 
式 功能 是 一 样 的 ， 可 以 在 两 种 模式 中 使 用 同样 的 控件 和 代码 ， 但 要 注意 使 用 的 方式 不 同 ， 接 
下 来 分 别 进行 介绍 。 
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1. 单一 文件 模式 


在 单一 文件 模式 下 ， 页 面 的 标签 和 代码 在 同一 个 .aspx 文件 中 ， 程 序 代 码 包 含 在 <script 
runat="server"></script> 的 服务 器 程序 脚本 代码 块 中 间 ， 并 且 代 码 中 间 可 以 实现 对 一 些 方法 和 
属性 以 及 其 他 代码 的 定义 ， 只 要 在 类 文件 中 可 以 使 用 的 都 可 以 在 此 处 进行 定义 。 运 行 时 ， 单 
一 页 面 被 视 为 继承 Page 类 。 

2. 后 台 代码 模式 


后 台 代码 页 面 模式 将 可 视 化 元 素 和 程序 代码 分 别 放置 在 不 同 的 文件 中 ， 如 果 使 用 CH, 
则 可 视 化 页 面 元 素 为 .aspx 文件 ， 程 序 代码 为 .cs 文件 ， 根 据 使 用 语言 的 不 同 ， 代 码 后 缀 也 不 
同 ， 这 种 模式 也 被 称 为 代码 分 离 模式 。 

ASP.NET 3.5 后 台 代 码 分 离 模式 有 很 大 的 改进 ， 简 单 易 用 且 健壮 性 强 ， 一 个 典型 的 代码 
分 离 模式 的 例子 如 下 : 


using System; 

using System.Collections; 

using System.Configuration; 

using System.Data; 

using System.Linq: 

using System. Web; 

using System. Web. Security; 

using System. Web.UI; 

using System. Web.ULHtmIControls; 

using System.Web.UI. WebControls; 

using System.Web.UI. WebControls. WebParts; 

using System Xml.Linq: 

public partial class _Default : System. Web.UI.Page 

{ 
protected void Page Load(object sender, EventArgs e) 
{ 

labContent Text = Request. ServerVariables["ALL_HTTP"]; 

} 

} 


ASP.NET 的 代码 分 离 模 式 ， 把 一 个 程序 文件 分 为 一 个 .aspx 文件 和 一 个 对 应 的 .aspx.cs X: 
件 ， 前 者 是 界面 代码 (主要 用 html 编写 )， 后 者 是 一 些 控制 代码 (主要 用 c# 编 写 )。.aspx 文件 顶 
部 的 页 面 设置 把 两 个 文件 联系 在 一 块 。 在 进行 程序 设计 过 程 中 ， 每 一 个 控件 都 可 以 来 触发 事 
件 。 这 些 事件 的 代码 单独 在 一 个 文件 中 ， 而 网 页 的 页 面 设计 在 单独 的 一 个 文件 中 ， 两 个 基本 
上 是 分 离 的 ， 这 样 可 以 使 代码 文件 更 简洁 。 

34.2 ”页 面 往返 机 制 


ASPNET 网 页 是 作为 代码 在 服务 器 上 运行 的 , 因此 , 要 使 页 面 中 的 按钮 或 其 他 内 容 得 到 
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处 理 ， 必 须 将 该 信息 提交 到 服务 器 。 每 次 页 面 提交 时 ， 都 会 在 服务 器 端 运行 其 代码 ， 然 后 把 
运行 的 结果 呈现 给 用 户 。ASP.NET 页 面 的 处 理 循环 如 下 。 

(1) 用 户 通过 客户 端 浏览 器 请 求 页 面 ， 页 面 第 一 次 运行 ， 执 行 初步 处 理 。 程 序 员 可 以 通 
过 编程 对 页 面 进行 初始 化 等 操作 。 

(2) 执行 的 结果 以 标记 的 形式 呈现 给 浏览 器 ， 浏 览 器 对 标记 进行 解释 并 显示 。 

6) 用 户 键入 信息 或 从 可 选项 中 进行 选择 ， 或 者 单 击 按钮 。 如 果 用 户 单 击 的 是 一 个 超 链 
接 而 不 是 按钮 ， 页 面 就 会 定位 到 另 一 个 页 面 ， 而 该 页 面 不 会 被 进一步 处 理 。 

(4) 页 面 发 送 到 Web 服务 器 ， 在 ASP.NET 中 称 此 为 “ 回 发 ”， 也 就 是 说 页 面 发 送 回 其 
自身 。 例 如 用 户 正 在 访问 Defaultaspx 页 面 ， 则 单 击 该 页 面 上 的 某 个 按钮 可 以 将 该 页 面 发 送 
回 服务 器 ， 发 送 的 目的 还 是 Defaultaspx。 

(5) 在 Web 服务 器 上 ， 该 页 再 次 运行 ， 并 且 使 用 用 户 输入 或 选择 的 信息 。 

(6) 服务 器 将 执行 操作 后 的 页 面 以 HTML 或 XHTML 标记 的 形式 发 送 到 客户 端的 浏 
览 器 。 

只 要 用 户 访问 同一 个 页 面 ， 该 循环 就 会 继续 。 用 户 每 次 单 击 按钮 时 ， 页 面 中 的 信息 就 会 
发 送 到 Web 服务 器 ， 然 后 该 页 面 再 次 运行 。 每 个 循环 称 为 一 次 “往返 行程 ”。 由 于 页 面 处 理 
发 生 在 Web 服务 器 上 ， 因 此 页 面 可 以 执行 的 每 个 操作 都 需要 一 次 到 服务 器 的 往返 行程 。 

有 时 可 能 需要 代码 仅 在 首次 请 求 页 时 执行 ， 而 不 是 每 次 回 发 时 都 执行 ， 这 时 候 可 以 使 用 
Page 对 象 的 IsPostBack 属性 来 避免 对 往返 行程 执行 不 必要 的 处 理 。 


3.1.3 页面 生存 周期 


ASP.NET 页 面 在 运行 时 将 经 历 一 个 生命 周期 , 在 生命 周期 中 , 该 页 面 将 执行 一 系列 处 理 
步骤。 这 些 步 又 包括 初始 化 、 实 例 化 控件 、 还 原 和 维护 状态 、 运 行事 件 处 理 程序 代码 以 及 进 
行 呈 现 。 

与 桌面 应 用 程序 中 的 窗 体 不 同 , ASP.NET 网 页 在 使 用 窗 体 时 不 会 启动 或 运行 , 并且 仅 当 
用 户 单 击 “ 关 闭 ”按钮 时 才 会 卸载 。 这 是 由 于 Web 具有 上 断 开 连 接 的 天 性 。 浏 览 器 从 Web JR 
务 器 请 求 页 面 时， 浏览 器 和 服务 器 相连 的 时 间 仅 够 处 理 请 求 。Web 服务 器 将 页 面 呈现 到 浏览 
器 之 后 ， 连 接 即 终止 。 如 果 浏 览 器 对 同一 Web 服务 器 发 出 另 一 个 请 求 ， 则 即使 是 对 同一 个 页 
面 发 出 的 ， 该 请 求 仍 会 作为 新 请 求 来 处 理 。 

Web 这 种 断 开 连接 的 天 性 决定 了 ASP.NET 页 的 运行 方式 。 用 户 请 求 ASP.NET 网 页 时 
将 创建 该 页 的 新 实例 。 该 页 执行 其 处 理 ， 将 标记 呈现 到 浏览 器 ， 然 后 该 页 被 丢弃 。 如 果 用 户 
单 击 按钮 以 执行 回 发 ,将 创建 该 页 的 一 个 新 实例 ; 该 页 执行 其 处 理 ,然后 再 次 被 丢弃 。 这样， 
每 个 回 发 和 往返 行程 都 会 导致 生成 该 页 的 一 个 新 实例 。 


32 ”特殊 文件 夹 


开发 者 在 对 程序 进行 设计 时 应 该 将 特定 类 型 的 文件 存放 在 某 些 文件 夹 中 ， 以 方便 在 今后 
开发 中 的 管理 和 操作 。ASPNET 保留 了 一 些 文件 名 称 和 文件 夹 名 称 , 程序 开发 人 员 可 以 直接 
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使 用 ， 并 且 还 可 以 在 应 用 程序 中 增加 任意 多 个 文件 和 文件 夹 。 如 图 3-1 所 示 ， 而 无 须 每 次 在 
给 解决 方案 添加 新 文件 时 重新 编译 它们 。ASPNET 3.5 能 自动 、 动 态 地 预 编译 ASP.NET 应 用 
程序 ， 并 为 应 用 程序 定义 好 一 个 文件 夹 结构 ， 利 用 这 些 定义 好 的 文件 夹 ， 就 可 以 自动 编译 代 
码 ， 在 整个 应 用 程序 中 访问 应 用 程序 主题 ， 并 在 需要 时 使 用 全 局 资源 。 下 面 介绍 这 些 定 义 好 
的 文件 夹 及 它们 的 工作 方式 。 
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图 3-1 添加 ASPNET 规定 的 特殊 文件 夹 


3.2.1 App_Data 文件 夹 


App Data 文件 夹 保存 应 用 程序 使 用 的 数据 库 。 它 是 一 个 集中 存储 应 用 程序 所 用 数据 库 的 
地 方 。 是 ASP.NET 为 程序 提供 存储 自身 数据 的 默认 位 置 , 该 文件 夹 内 容 不 由 ASP.NET 处 理 。 
它 通 常 以 文件 (诸如 Microsoft Access 或 Microsoft SQL Server 数据 库 、XML 文件 、 文 本 文件 
以 及 应 用 程序 支持 的 任何 其 他 文件 ) 形 式 对 数据 进行 存储 。 


注意 : 
默认 ASP.NET 账户 被 授予 对 文件 夹 的 完全 访问 权限 。 如 果 碰巧 要 改变 ASPNET 账户 ， 
一 定 要 确保 新 账户 被 授予 对 该 文件 夹 的 读 / 写 访问 权 。 


3.2.2 App_Code 文件 夹 


App_Code 文件 夹 正好 在 Web 应 用 程序 根 目 录 下 ， 它 存储 所 有 应 当 作为 应 用 程序 的 一 部 
分 动态 编译 的 类 文件 。 这 些 类 文件 自动 链接 到 应 用 程序 ， 而 不 需要 在 页 面 中 添加 任何 显 式 指 
令 或 声明 来 创建 依赖 性 。 App_Code 文件 夹 中 放置 的 类 文件 可 以 包含 任何 可 识别 的 ASP.NET 组 
件 定义 控件 、 辅助 类 、build 提供 程序 、 业 务 类 、 自 定义 提供 程序 和 HTTP 处 理 程序 等 。 
在 开发 时 , 对 App Code 文件 夹 的 更 改 会 导致 整个 应 用 程序 的 重新 编译 。 对 于 大 型 项 目 ， 
这 可 能 不 受 欢 迎 ， 而 且 很 耗 时 。 为 此 ， 鼓 励 大 家 将 代码 进行 模块 化 处 理 到 不 同 的 类 库 中 ， 按 
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逻辑 上 相关 的 类 集合 进行 组 织 。 应 用 程序 专用 的 辅助 类 大 多 应 当 放 置 在 App_Code 文件 夹 中 。 

App Code 文件 夹 中 存放 的 所 有 类 文件 应 当 使 用 相同 的 语言 。 如 果 类 文件 使 用 两 种 或 多 
种 语言 编写 ， 则 必须 创建 特定 语言 的 子 目录 ， 以 包含 用 各 种 语言 编写 的 类 。 一 旦 根据 语言 组 
织 这 些 类 文件 ， 就 要 在 web.config 文件 中 为 每 个 子 目 录 添 加 设置 ， 关 于 web.config 文件 将 在 
3.4.1 节 进 行 介绍 。 


3.2.3 Bin 文件 夹 


Bin 文件 夹 包含 应 用 程序 所 需 的 ， 用 于 控件 、 组 件 或 者 需要 引用 的 任何 其 他 代码 的 可 部 
署 程序 集 。 该 目录 中 存在 的 任何 .dll 文件 将 自动 地 链接 到 应 用 程序 。 可 以 在 Bin 文件 夹 中 存储 
编译 的 程序 集 , 并 且 Web 应 用 程序 任意 处 的 其 他 代码 会 自动 引用 该 文件 夹 。 典型 的 示例 是 如 
果 为 自 定义 类 编译 好 了 代码 , 那么 就 可 以 将 编译 后 的 程序 集 复制 到 Web 应 用 程序 的 Bin 文件 
夹 中 ， 这 样 所 有 页 都 可 以 使 用 这 个 类 。 

Bin 文件 夹 中 的 程序 集 无 需 注册 。 只 要 .dl 文件 存在 于 Bin 文件 夹 中 ，ASP.NET 就 可 以 
识别 它 。 如 果 更 改 了 .dll 文件 ， 并 将 它 的 新 版 本 写 入 到 了 Bin 文件 夹 中 ， 则 ASP.NET 会 检测 
到 更 新 ， 并 对 随后 的 新 页 请 求 使 用 新 版 本 的 .dll 文件。 下 面 介 绍 一 下 Bin 文件 夹 的 安全 性 。 

将 编译 后 的 程序 集 放 入 Bin 文件 夹 中 会 带 来 安全 风险 。 如 果 是 自己 编写 和 编译 的 代码 ， 
那么 设计 者 是 了 解 代码 的 功能 的 。 但 是 ， 设 计 者 必须 像 对 待 任何 可 执行 代码 一 样 来 对 待 Bin 
文件 夹 中 已 编译 的 代码 。 在 完成 代码 测试 并 确信 已 了 解 代码 功能 之 前 ， 要 对 已 编译 的 代码 保 
持 谨 慎 的 态度 。Bin 文件 夹 中 程序 集 的 作用 范围 为 当前 应 用 程序 。 因 此 ， 它 们 无 法 访问 当前 
Web 应 用 程序 之 外 的 资源 或 调用 当前 Web 应 用 程序 之 外 的 代码 。 此 外 应 该 注意 ， 在 运行 时 ， 
程序 集 的 访问 级 别 由 本 地 计算 机 上 指定 的 信任 级 别 确定 。 

App_Code 文件 夹 和 Bin 文件 夹 是 ASP.NET 网 站 中 的 共享 代码 文件 来 ， 如 果 Web 应 上 
程序 要 在 多 个 页 之 间 共 享 代码 , 就 可 以 将 代码 保存 在 Web 应 用 程序 根 目录 下 的 这 两 个 特殊 文 
件 夹 中 的 某 个 文件 夹 中 。 当 创建 这 些 文件 夹 并 在 其 中 存储 特定 类 型 的 文件 时 ，ASP.NET 将 使 
用 特殊 方式 进行 处 理 。 


3.2.4 ”其 他 文件 夹 介绍 


1. App_Themes 文件 夹 


主题 是 为 站 点 上 的 每 个 页 面 提供 统一 外 观 和 操作 方式 的 一 种 新 方法 ,通过 skin 文件 .CSS 
文件 和 站 点 上 服务 器 控件 使 用 的 图 像 来 实现 主题 功能 。 所 有 这 些 元 素 都 可 以 构建 一 个 主题 ， 
并 存储 在 解决 方案 的 App_Themes 文件 夹 中 。 把 这 些 元 素 存储 在 App_Themes 文件 夹 中 ， 就 
可 以 确保 解决 方案 中 的 所 有 页 面 都 利用 该 主题 ， 并 把 其 元 素 应 用 于 控件 和 页 面 的 标记 。 


2. App_GlobalResources 文件 夹 
资源 文件 是 一 些 字符 串 表 ， 当 应 用 程序 需要 根据 某 些 事情 进行 修改 时 ， 资 源 文件 可 用 于 


这 些 应 用 程序 的 数据 字典 。 可 以 在 这 个 文件 夹 中 添加 程序 集资 源 文件 (resx)， 它 们 会 动态 编 
译 ， 成 为 解决 方案 的 一 部 分 ， 提 供给 程序 中 的 所 有 .aspx 页 面 使 用 。 在 使 用 ASPNET 1.0/1.1 
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时 ， 必 须 使 用 resgen.exe 工具 ， 把 资源 文件 编译 为 .dll 或 .exe， 才 能 在 解决 方案 中 使 用 。 而 在 
ASPNET 3.5 中 ， 资 源 文件 的 处 理 就 容易 多 了 。 除 了 字符 串 之 外 ， 还 可 以 在 资源 文件 中 添加 
图 像 和 其 他 文件 。 


3. App_LocalResources 文件 夹 


App_GlobalResources 文件 夹 用 于 合并 可 以 在 应 用 程序 范围 内 使 用 的 资源 。 如 果 对 构造 应 
用 程序 范围 内 的 资源 不 感 兴趣 ， 而 对 只 能 用 于 一 个 .aspx 页 面 的 资源 感 兴趣 ， 就 可 以 使 有 
\App_LocalResources 文件 夹 。 可 以 把 专用 于 页 面 的 资源 文件 添加 到 \App_LocalResources 文件 
夹 中 ， 方 法 是 构建 resx 文件 名 ， 如 下 所 示 : 


Default.aspx resx 
Default.aspx.fi resx 
Default.aspx Ja resx 
Default.aspx.en-gb.resx 


现在 ， 可 以 从 人 App_LocalResources 文件 夹 的 相应 文件 中 检索 在 Default.aspx 页 面 上 使 用 
的 资源 声明 。 如 果 没 有 找到 匹配 的 资源 ， 就 默认 使 用 DefaultaspxTesx 资源 文件 。 


33 ASP.NET 的 常用 内 置 对 象 


fE ASP.NET 里 面 ， 有 几 大 常用 内 置 对 象 ， 即 Response, Request, Application, Session, 
Server、ViewState、Cookie 等 。 下 面 将 分 别 介 绍 一 下 这 些 对 象 的 常用 属性 及 方法 。 


3.3.1 Response 对 象 


Request 对 象 与 Response 对 象 就 像 一 般 程 序 语言 里 的 Input 及 Output 命令 (或 函数 ), 若 要 
让 ASP.NET 程序 能 够 接收 来 自前 端 用 户 的 信息 ， 或 者 想 将 信息 传递 给 前 端 ， 都 必须 依赖 这 
两 个 对 象 。 简 言 之 , Request 对 象 掌管 ASPNET 的 Input 功能 , 而 Response 对 象 则 负责 Output 
功能 。 

Response 对 象 实际 是 在 执行 system.web 命名 空间 中 的 类 HttpResponse。CLR 会 根据 用 
户 的 请 求 信息 建立 一 个 Response 对 象 , Response 将 用 于 回应 客户 端 浏 览 器 , 告诉 浏览 器 回应 
内 存 的 报头 、 服 务 器 端的 状态 信息 以 及 输出 指定 的 内 容 。 Response 的 常用 属性 和 方法 如 表 3-1 
和 表 3-2 所 示 。 


表 3-1 Response 对 象 常用 的 属性 列表 


属 性 说 了 明 
Buffer 获取 或 设置 是 否 缓冲 输出 
Cache 获取 缓存 信息 
CharSet 获取 和 设置 输出 流 的 HITP 字符 集 
ContentType 获取 和 设置 输出 流 的 MIME 类 型 
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属 性 说 HH 
Cookie 获取 Cookie 集合 
Expires 获取 和 设置 浏览 器 缓存 超时 时 间 
IsClientConnected 获取 客户 端 是 否 和 服务 器 连接 
Status 设置 返回 给 客户 端的 状态 
StatusCode 获取 和 设置 返回 给 客户 端 状态 字符 串 
StatusDescription 获取 和 设置 状态 说 明 


表 3-2 Response 对 象 常用 方法 列表 


AddHeader 
AppendCookie 
AppendHeader 
AppendToLog 
BinaryWrite 
Clear 

Close 

End 

Flush 

Redirect 
SetCookie 
Write 
WriterFile 


下 面 举例 说 明 该 对 象 最 常 
© Response.ContentType() 方 法 


说 了 明 
添加 HTTP 头 信息 
添加 一 个 Cookie 
添加 HTTP 头 信息 
添加 自 定义 信息 到 IS 日 志 中 
以 三 进 制 的 方式 输出 
清除 输出 缓存 
关闭 和 客户 端的 Socket 连接 
发 送 所 有 缓冲 到 客户 端 ， 并 且 停止 执行 页 面 
发 送 所 有 缓存 到 客户 端 
重新 定向 URL 
更 新 一 个 已 有 的 Cookie 
输出 信息 
直接 将 指定 文件 写 到 输出 流 


的 一 些 属性 和 方法 。 


ContentType 属性 设 定 Response 对 象 的 输出 内 容 类 型 ， 默 认 值 为 : textyhtml。 例 如 ; 


Response.ContentType= "image/gif " 


表示 输出 内 容 类 型 为 GIF 图 形 文件 。 


® Response.Expires=number 


Expires 属性 指定 了 在 浏览 器 上 缓冲 存储 的 页 距 过 期 还 有 多 少时 间 。 如 果 用 户 在 某 个 页 过 
期 之 前 又 回 到 此 页 ， 就 会 显示 缓冲 区 中 的 版 本 。 若 此 属性 在 一 页 上 设置 了 多 次 ， 则 使 用 最 短 
的 时 间 。 如 指定 了 日 期 (Date) 而 未 指定 时 间 (Time)， 页 面 在 午夜 失效 。 如 指定 了 时 间 而 未 指定 
日 期 ， 则 在 脚本 执行 的 当天 那个 时 间 失 效 。 例 如 : 
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Response.ExpiresAbsolute=DateTime.Now 


表示 页 面 在 当前 时 间 失 效 ， 即 马上 过 期 。 

® Response.Buffer=Flag 

Buffer 属性 表示 是 否 对 页 面 输出 进行 缓冲 。 如 有 缓冲 ， 服 务 器 在 所 有 当前 处 理 的 页 面 的 
语句 被 处 理 之 前 不 将 Response 送 往 客户 端 , 除非 有 Flush 或 End 方法 被 调用 。 参 数 Flag 表示 
是 否 对 页 面 和 输出 进行 缓冲 。True 表示 需要 ，False 表示 不 需要 ， 默 认 值 是 True, 

© Response Flush() 方 法 

立即 将 缓冲 区 中 页 面 输出 。 

© ”Response.Write() 方 法 

Write 方法 输出 指定 的 文本 内 容 。 例 如 : Response.Write("Hello World! ")。 

© Response WriteFile() 方 法 

直接 将 输出 的 内 容 写 入 一 个 文件 中 ， 例 如 : Response.WriteFile("c:\write.txt")。 

【 例 3-1】 演 示 Response .Write( 方 法 的 使 用 。 
(1) 新 建 一 个 名 为 webside 的 网 站 ， 在 其 中 添加 一 个 名 为 Response.aspx 的 网 页 。 
(2) 在 Response.aspx.cs 页 面 中 添加 下 面 代 码 。 


protected void Page Load(object sender, EventArgs e) 
{ 
Response. Write("Hello World!"); 
Response. Write("<h2>Hello World!</h2>"); 
Response. Write("<p style='color:#0000ff>Hello World!</p>"); 
) 


(3) 程序 运行 效果 如 图 3-2 所 示 。 


无 标题 页 - Hicrosoft In... EBR) 
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SO ~ [E http://localhost:t Wt x | 
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Hello World! 
Hello World! 


Hello World! 


图 3-2 Response.aspx 运行 效果 
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3.3.2 Request 对 象 


Request 对 象 是 ASPNET 当中 最 有 用 的 对 象 之 一 , 它 与 Response 对 象 一 起 使 用 , 达到 沟 
通 客户 端 及 服务 器 端的 作用 ， 使 它们 之 间 可 以 很 简单 地 交换 数据 ， 由 此 可 见 该 对 象 的 重要 。 
Request 对 象 接收 客户 端 通过 表单 或 者 URL 地 址 串 发 送 来 的 变量 ， 同 时 ， 也 可 以 接收 其 他 客 
户 端的 环境 变量 , 比如 浏览 器 的 基本 情况 、 客 户 端的 卫 地 址 等 .所 有 从 前 端 浏览 器 通过 HTTP 
通信 协议 送 往 后 端 Web 服务 器 的 数据 ， 都 是 借助 Request 对 象 完成 的 ， 总 而 言 之 ，Request 
对 象 含有 用 户 端 最 为 丰富 的 数据 。 

Request 对 象 常用 的 属性 和 方法 如 表 3-3 和 表 3-4 所 示 。 


表 3-3 Request 对 象 常用 属性 列表 


属 性 说 — BB 
ApplicationPath 获得 ASP.NET 应 用 程序 虚拟 目录 的 根 目录 
Browser 获取 和 设置 客户 端 浏 览 器 的 兼容 性 信息 
ContentLength 客户 端 发 送信 息 的 字 节 数 
ContentType 获取 和 设置 请 求 的 MIME 类 型 
Cookies 获取 客户 端 Cookie 
FilePath 当前 请 求 的 虚拟 路 径 
Files 获取 客户 端 上 传 的 文件 集合 
Form 获取 表单 变量 集合 
Headers 获取 HTTP 头 信息 
HttpMethod HTTP 数据 传输 方法 ， 例 如 GET、POST 
Path 获取 当前 请 求 的 虚拟 路 径 
PhysicalPath 获取 请 求 的 URL 物理 路 径 
QueryString 获取 查询 字符 串 集合 
ServerVariables 获取 服务 器 变量 集合 
TotalBytes 获取 输入 文件 流 的 总 大 小 
Url 获取 当前 请 求 的 URL 
UrlReferrer 获取 该 请 求 的 上 一 个 页 面 
UserAgent 客户 端 浏览 器 信息 
UserHostAddress 客户 端 他 地 址 
UserHostName 客户 端 DNS 名 称 


UserLanguages 客户 端 语言 
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表 3-4 Request 对 象 方法 列表 


# 称 说 ”有明 
BinaryRead 以 二 进 制 方式 读 取 指定 字 节 的 输入 流 
MapPath 影射 虚拟 路 径 到 物理 路 径 
SaveAs 保存 HTTP 请 求 到 硬盘 
ValidateInput 验证 客户 端的 输入 是 否 存 在 危险 的 数据 


ASP.NET 是 使 用 表单 (Fomm) 来 实现 用 户 数据 提交 的 。 对 于 HTML 表单 ， 可 以 使 用 Get 
方法 或 Post 方法 来 实现 数据 提交 。 如 果 使 用 Get 方法 ， 就 要 使 用 Request 对 象 的 QueryString 
集合 来 得 到 相关 的 信息 ; 如 果 使 用 Post 方法 ， 就 要 使 用 Request 对 象 的 Form 集合 来 得 到 相 
关 人 信息。 下面 分 别 讲解 如 何 使 用 Get 方法 和 Post 方法 。 

e Get 方法 

使 用 Get 方法 进行 数据 提交 需要 使 用 RequestQueryString 方法 来 取得 传递 的 数据 ， 传 输 
的 数据 量 比较 小 , 一 般 限 制 在 2KB 左右 , 用 户 要 提交 的 信息 往往 是 作为 查询 字符 串 加 在 URL 
的 后 面 传 给 接收 程序 。URL 是 指 Uniform Resource Locator (统一 资源 定位 器 )， 它 的 通常 形式 
是 类 似 http:/www.abc.com 形式 的 字符 串 。 而 查询 字符 串 则 是 加 在 URL 的 后 面 ， 与 前 面 的 
URL 一 起 提交 给 服务 器 的 字符 串 。 例 如 : http:/www.domain.com/test.aspx?name=myname& 
password=mypassword; 

° Post 方法 

Post 方法 是 用 Request 对 象 的 Form 集合 属性 来 得 到 用 户 提交 的 数据 。 使 用 该 方法 时 , 用 
户 浏览 器 的 地 址 栏 中 不 会 显示 相关 的 查询 字符 串 。 因 此 ， 如 果 需 要 提交 的 数据 很 多 时 ， 应 使 
Post 方法 ， 因 为 它 对 数据 的 大 小 和 长 度 没 有 什么 限制 。 另 外 ， 如 果 使 用 Web 表单 而 不 是 
HTML 表单 的 话 ， 那 么 也 只 能 使 用 Post 方法 来 获取 数据 ， 因 为 这 是 Web 表单 默认 使 用 的 方 
法 ， 无 需 在 定义 表单 时 说 明 。 

与 Get 方法 相 比 ，Post 方法 对 数据 的 大 小 和 长 度 没 有 什么 限制 ， 所 以 对 于 大 量 的 数据 提 
交 ， 使 用 Post 方法 是 十 分 有 利 的 。 另 外 ， 由 于 地 址 栏 中 不 显示 相关 的 查询 字符 串 ， 那 么 使 有 
Post 方法 就 十 分 适合 用 来 传递 保密 信息 ， 例 如 用 户 的 账号 和 密码 等 。 

【 例 3-2】 演 示 利用 Request 对 象 的 Fom 集合 来 得 到 相关 信息 的 方法 。 

(1) 在 webside 网 站 中 添加 一 个 名 为 Requestl.aspx 和 名 为 Request2.aspx 的 网 页 ， 在 

Requestl.aspx 页 面 的 <body> 标 签 中 添加 如 下 代码 : 


<form id="forml" runat="server"> 
<div> 
<a href="Request2.aspx?username=chen">Example</a> 
</div> 
</form> 


(2) 在 Request2.aspx.cs 页 面 中 添加 下 面 代码 。 


protected void Page Load(object sender, EventArgs e) 
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í 
Response. Write(Request.QueryString); 
Response. Write("<br/>"); 
Response. Write(Request.QueryString["username"]); 
) 
(3) 程序 运行 效果 如 图 3-3 和 图 3-4 所 示 。 
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图 3-3 Requestl.aspx 运行 效果 图 3-4 Request2.aspx 运行 效果 


3.3.3 Application 对 象 


人 们 最 常用 的 保存 变量 的 内 容 的 方法 是 使 用 文件 ， 但 是 毕竟 对 文件 的 操作 是 比较 麻烦 的 
事情 ， 有 没有 更 简单 的 方法 呢 ? 其 中 一 种 比较 简单 的 方法 就 是 使 用 Application 对 象 来 保存 希 
望 传递 的 变量 。 由 于 在 整个 应 用 程序 生存 周期 中 ，Application 对 象 都 是 有 效 的 ， 所 以 在 不 同 
的 页 面 中 都 可 以 对 它 进 行 存 取 ， 就 像 使 用 全 局 变量 一 样 方便 。 

在 ASP.NET 环境 中 ，Application 对 象 来 自 HttpApplicationState 类 ， 它 可 以 在 多 个 请 求 、 
连接 之 间 共 享 公用 信息 ， 也 可 以 在 各 个 请 求 连接 之 间 充 当 信息 传递 的 管道 ，Application 对 象 


常用 的 属性 和 方法 如 表 3-5 和 表 3-6 所 示 。 
表 3-5 Application 属性 列表 

属 性 5 法 
AllKeys 获得 访问 HttpApplicationState 集合 的 所 有 键 
Contents 获得 HttpApplicationState 对 象 的 引用 
Count 获得 HttpApplicationState 集合 的 数量 
Item 通过 名 称 和 索引 访问 HttpApplicationState 集合 
Keys 获得 访问 HttpApplicationState 集合 的 所 有 键 ， 从 NameObjectCollectionBase 继承 
StaticObjects 获得 所 有 使 用 <object> 标 签 声明 的 应 用 程序 集 对 象 
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表 3-6 Application 方法 列表 

A 3 说 了 明 

Add 添加 一 个 新 的 对 象 到 HttpApplicationState 集合 

Clear 清除 HttpApplicationState 集合 中 的 所 有 对 象 

Get 通过 索引 和 名 字 获 得 HttpApplicationState 对 象 

GetKe 通过 索引 获得 一 个 HttpApplicationState 名 称 

Lock 锁定 访问 HttpApplicationState 变量 

Gae 取消 锁定 ， 一 般 情 况 下 需要 操作 Application 变量 则 设置 为 Lock， 操 作 完 成 后 则 设置 

为 Unlock 

Remove 从 HttpApplicationState 集合 删除 一 个 对 象 

RemoveAll 删除 下 licationState 集合 所 有 对 象 

RemoveAt 根据 索引 删除 一 个 HttpApplicationState 对 象 

Set 更 新 一 个 HttpApplicationState 变量 


下 面 对 该 对 象 常用 的 一 些 属性 和 方法 进行 说 明 。 


e Add 方法 ， 


加 入 一 个 对 象 到 Application 对 象 的 Stat 集合 中 。 例 如 ;: 


Application. Add("string1","test"") 


表示 向 Application 的 Stat RAPA — DEHA string1 的 值 为 test 的 字符 串 , 其 实 它 的 效 
果 和 Application("string1")="test" 以 及 Application Item("sting1")="test" 是 一 样 的 。 
e Remove 方法 ， 根 据 给 出 的 标识 从 Application 对 象 的 Stat 集合 中 删 去 ， 例 如 : 


Application.Remove("sting1") 


表示 把 标识 为 stingl 的 共享 对 象 stingl 从 Application 对 象 的 Stat 集合 中 删 去 。 使 用 它 可 


以 清除 用 Add 方法 添加 的 对 象 。 


e RemoveAll 方法 ， 把 Application 对 象 Stat 集合 中 的 所 有 对 象 清除 ， 在 对 属性 的 使 用 
举例 中 ， 已 经 见 过 了 它 的 用 法 ， 但 是 值得 小 心 ， 不 提倡 使 用 它 ， 因 为 在 编程 中 并 不 
清楚 是 否 有 其 他 页 面 要 依赖 于 某 个 Application 的 公用 变量 ， 一 旦 清除 将 造成 不 可 预 


知 的 错误 。 


e Clear 方法 ， 作 用 和 RemoveAll 方法 一 样 。 
e Get 方法 , 允许 使 用 名 字 标 识 或 者 是 下 标 来 取得 Application 对 象 Stat 集合 中 的 对 象 元 


Zo lin: 


Tmp=Application.Get(0) 


e Set 方法 ， 修 改 Application 对 象 Stat 集合 中 指定 标识 所 对 应 的 对 象 值 。 例 如 : 


Application("sting1","try") 
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表示 把 开始 为 sting1 变量 设置 的 值 test 改 为 try。 

【 例 3-3] 在 线 统计 网 站 访问 人 数 ， 演 示 Application 对 象 一 些 方法 的 使 用 。 
(1) 在 webside 网 站 中 添加 一 个 名 为 Application.aspx 的 网 页 。 
(2) 在 Application.aspx.cs 页 面 中 添加 下 面 代 码 。 


protected void Page_Load(object sender, EventArgs e) 
í 
Application.Lock(); 
Application["usercount"] = (Convert ToInt32(Application["usercount"])+ 1).ToString0; 
Application.UnLock(); 
labContent Text= Application["usercount"].ToString(); 
) 


(3) 程序 运行 效果 如 图 3-5 所 示 。 
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图 3-5 Application_aspx 运行 效果 


33.4 Session 对 象 


Session 对 象 的 作用 也 是 用 于 储存 特定 的 信息 ， 但 是 它 和 Application 对 象 在 储存 信息 所 
使 用 的 对 象 是 完全 不 同 的 。Application 对 象 储存 的 是 共享 信息 , 而 Session 储存 的 信息 是 局 部 
的 ， 是 随 用 户 不 同 而 不 同 的 。 如 果 只 需要 在 不 同 页 中 共享 数据 ， 而 不 是 需要 在 不 同 的 客户 端 
之 间 共 享 数据 就 可 以 使 用 Session 对 象 。 

Session 的 生命 周期 是 有 限 的 (默认 值 为 20 分 钟 ), 它 可 以 使 用 Timeout 属性 进行 设置 ,在 
Session 的 生命 周期 内 ，Session 的 值 是 有 效 的 。 如 果 用 户 在 大 于 生命 周期 的 时 间 里 没有 再 访 
问 应 用 程序 ，Session 就 会 自动 过 期 ，Session 对 象 将 会 被 CLR 释放 ， 其 储存 的 数据 信息 将 永 
远 不 再 存在 。Session 对 象 的 常用 属性 和 方法 如 表 3-7 和 表 3-8 所 示 。 
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3 3-7 Session 对 象 常用 属性 列表 


A š 说 BH 
CodePage 获得 或 设置 字符 集 标识 
Contents 获得 当前 Session 状态 对 象 的 引用 
CookieMode 获得 当前 的 Cookie 模式 ， 以 确定 系统 是 否 要 将 Session 配置 为 不 需要 Cookie 支持 
Count Session 状态 集合 的 总 数 
RE ERNS Cookie 支持 ,如 果 需 要 就 可 以 将 Session ID 保存 在 Cookie 中 , 如 果 不 需 
要 就 必须 嵌入 在 URL 中 
IsNewSession 标志 当前 Session 是 否 是 新 的 Session 
IsReadOnly 是 否 只 读 
IsSynchronized 是 否 同 步 
Item 通过 索引 获得 或 者 设置 单个 Session 值 
Keys 获得 Session 集合 的 所 有 键 
LCID 获得 和 设置 当前 Session 的 本 地 标识 符 
Mode 获得 当前 的 Session 模式 
获得 Session 的 唯一 编号 , 为 了 区 别 不 同 的 会 话 ， 系 统 会 为 每 一 个 会 话 分 配 一 个 唯 
SessionID 的 面 
StaticObjects 获得 在 Globalasax 中 以 <object Runat="Server" Scope="Session" /> 声明 的 对 象 集合 
MOSE 获得 和 设置 会 话 超时 时 间 ， 如 果 客 户 端 在 连续 一 个 时 间 段 内 没有 反应 ， 就 自动 清 
除 会 话 ， 断 开 连 接 ，Timeout 就 是 这 个 时 间 段 
表 3-8_Session 对 象 常用 方法 列表 
P _ 法 说 了 明 
Add 添加 一 个 新 对 象 到 HttpApplicationState 集合 
Clear 清除 HttpApplicationState 集合 中 的 所 有 对 象 
Get 通过 索引 和 名 字 获 得 HttpApplicationState 对 象 
Abandon 清除 当前 会 话 
Copyto 复制 Session 状态 集合 到 一 个 一 维 数组 
Remove 从 HttpApplicationState 集合 删除 一 个 对 象 
RemoveAll 删除 HttpApplicationState 集合 所 有 对 象 
RemoveAt 根据 索引 删除 一 个 HttpApplicationState 对 象 


【 例 3-4】 演 示 Session 方法 的 使 用 。 
(1) 在 website 网 站 中 添加 名 为 Session1.aspx 和 Session2.aspx 的 两 个 网 页 。 
(2) 在 Session1.aspx.cs 页 面 中 添加 如 下 代码 。 


protected void Button] Click(object sender, EventArgs e) 
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Session["username"] = TextBox1.Text; 


Response.Redirect("Session2.aspx"); 


} 


(3) 在 Session2.aspx.cs 页 面 的 中 添加 如 下 代码 。 


protected void Page Load(object sender, EventArgs e) 


í 
if (Session["username"] != null) 
t 


Labell.Text = Session["usemame"].ToString(): 


else 


/请 输入 用 户 名 


Response.Redirect("Session].aspx"); 


} 


(4) 程序 运行 效果 如 图 3-6 和 图 3-7 所 示 ， 从 图 3-6 和 图 3-7 中 可 以 看 到 利用 Session 对 
象 可 以 存储 用 户 的 相关 信息 ， 并 在 需要 时 进行 读 取 显示 。 
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图 3-6 Sessionl.aspx 运行 效果 


3.3.5 Server 对 象 


图 3-7 Session2.aspx 运行 效果 


Server 对 象 即 服务 器 对 象 ， 就 是 在 服务 器 上 工作 的 一 个 对 象 , 用 于 建立 COM 对 象 实例 、 
处 理应 用 程序 错误 , 在 页 面 之 间 传递 控件 , 获取 最 新 出 错 信息 , 对 HTML 进行 编码 和 解码 等 。 
Server 对 象 提供 许多 访问 的 方法 和 属性 帮助 程序 有 序 地 执行 ， 主 要 属性 和 方法 如 表 3-9 和 表 


3-10 所 示 。 
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表 3-9 Server 对 象 常用 属性 


名 称 说 HH 
MachineName 获得 服务 器 计算 机 名 称 
ScriptTimeout 获得 和 设置 请 求 超时 的 事件 

表 3-10 Server 对 象 常用 方法 

P Æ 说 A 
CreateObject 建立 一 个 COM 组 件 对 象 的 实例 
Execute 执行 指定 资源 并 返回 
Transfer 结束 当前 页 执行 ， 转 到 其 他 页 执行 
HtmlEncode 进行 HTML 编码 
HtmlDecode 进行 HTML 解码 
MapPath 对 虚拟 目录 进行 物理 映射 
UrlEncode 进行 URL 编码 
UrlDecode 进行 URL 解码 


Server 对 象 的 一 个 重要 功能 是 对 字符 进行 URL 和 HTML 的 编码 和 解码 。URL 编码 的 目 
的 是 保证 所 有 浏览 器 能 够 正确 地 传输 URL 路 径 ， 一 些 特殊 字符 如 ? 、&&、/、 空 格 和 中 文字 
符 等 ， 在 传输 时 都 有 可 能 让 浏览 器 发 生 错 误 。 先 通过 编码 再 将 其 传输 ， 在 需要 使 用 时 又 通过 
解码 将 其 还 原 。HTML 编码 的 作用 是 将 所 有 字符 全 部 转化 为 HTML 中 能 够 用 来 显示 的 字符 ， 
例如 <p> 这 样 的 字符 如 果 直 接 显示 就 是 一 个 段落 ， 如 果 转 换 以 后 就 会 变 成 &lt:p&gt; 浏览 时 就 
可 以 正确 显示 出 <p>， 就 不 会 造成 一 些 错误 。 下 面 对 一 些 常 用 的 方法 进行 解释 。 

e HtmlEncode、HtmlDecode 方法 

HtmlEncode 方法 的 作用 是 将 代码 中 的 HTML 标签 进行 了 转 码 , 目的 是 显示 这 上段 源 代码 ， 
而 不 是 去 执行 它 。 

例如 当 用 户 需 要 显示 一 个 <HIML> 时 ,如 果 写 Response. Write("<html>"); 的 话 ， 是 不 能 达 
到 目的 的 ， 需 要 这 样 来 写 才能 达到 目的 : 


Response. Write Server.HtmlEncode("<HTML>"); 


这 时 ， 查 看 源 文件 ， 就 可 以 看 到 ， 使 用 该 方法 已 经 把 <HTMI> 字 符 串 转换 成 为 
&lthtml&gt。 但 是 ， 在 显示 时 还 是 显示 <HIML>， 这 样 ， 使 用 HtmlEncode 方法 就 可 以 让 用 
户 随心 所 欲 地 显示 用 户 所 要 显示 的 内 容 ， 而 不 会 和 用 户 的 页 面 混合 在 一 起 。 

HtmlDecode 方法 的 作用 与 HtmlEncode 方法 的 作用 正好 相反 , 它 会 将 被 HTML 编码 的 代 
码 解码 ， 恢 复 代码 本 来 面目 。 

e UrlEncode、UrlDeconde 方法 

UrlEncode 方法 与 HtmlEncode 方法 类 似 ， 将 指定 的 代码 以 URL 格式 进行 编码 ， 把 URL 
中 的 所 有 特殊 字符 转化 成 为 非 功 能 的 等 价 内 容 。 通 常 在 把 URL 作为 查询 字符 串 时 使 用 。 用 
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下 面 的 方法 可 以 看 出 这 些 特定 的 字符 被 转化 成 的 内 容 : 
Response.Write(Server.UrlEncode(http://www.abc.com)); 
执行 完成 后 ， 显 示 的 是 : 
http%3A%2F%2Fwww%2Eabc%2Ecom 


UrlDecode 和 UrEncode 刚好 相反 ， 该 方法 将 URL 格式 代码 进行 解码 。 

e MapPath 方法 

Server.MapPath 方法 将 虚拟 路 径 转 换 为 绝对 路 径 。 这 种 方法 在 需要 包含 或 执行 其 他 的 文 
件 并 需要 制定 路 径 名 ， 但 路 径 名 又 常常 发 生变 化 的 情况 下 使 用 。 例 如 : 


StingsPath=Server.MapPath("/"); 


e Transfer(path) 方 法 

终止 当前 程序 的 执行 ,进入 path 所 指 的 程序 。 该 方法 可 以 把 控制 传递 出 去 ， 可 以 把 原来 
页 面 的 所 有 内 置 对 象 和 这 些 对 象 的 状态 都 传递 给 新 的 页 面 ， 比 如 Request 对 象 的 查询 字符 串 。 
使 用 这 种 方法 还 可 以 把 一 个 大 的 程序 划分 成 小 的 模块 ， 然 后 用 Transfer 方法 把 各 个 模块 联系 
起 来 。 

è Execute(path) 方 法 

在 当前 程序 中 执行 path 所 指定 的 程序 ， 它 与 Transfer 方法 的 不 同 之 处 在 于 ， 当 path 所 指 
的 程序 运行 完毕 后 ， 将 继续 执行 当前 程序 中 后 面 的 代码 。 


3.3.6 ”ViewState( 视 图 状态 ) 对 象 


ViewState 对 象 是 状态 管理 中 常用 的 一 种 对 象 ， 可 以 用 来 保存 页 和 控件 的 值 ， 下 面 对 其 
进行 介绍 。 
1. ViewState 简介 


视图 状态 是 ASP.NET 页 框架 默认 情况 下 用 于 保存 往返 过 程 之 间 的 页 面 信息 以 及 控件 值 
的 方法 。 当 呈现 页 的 HTML 形式 时 ， 需 要 在 回 发 过 程 中 保留 的 页 的 当前 状态 和 值 将 被 序列 化 
为 Base64 编码 的 字符 串 ， 并 输出 到 视图 状态 的 隐藏 字段 中 。 通 过 实现 自 定 义 的 
了 PageStatePersiste 类 以 存储 页 数据 ， 也 可 以 更 改 默认 行为 并 将 视图 状态 存储 到 另 一 个 位 置 ， 如 
SQL Server 数据 库 。 

程序 员 可 以 通过 使 用 页 面 的 ViewState 属性 将 往返 过 程 中 的 数据 保存 到 Web 服务 器 端 ， 
然后 利用 自己 的 代码 访问 视图 状态 。ViewState 属性 是 一 个 包含 密 钥 / 值 对 (其 中 包含 视图 状态 
数据 ) 的 字典 。 

视图 状态 中 存储 的 常见 数据 类 型 有 : 字符 串 、 整 数 、 布 尔 值 、Array 对 象 、ArrayList 对 
象 、 哈 希 表 和 泛 型 对 象 等 。 


2. 使 用 ViewState 时 的 注意 事项 
使 用 ViewState 可 以 带 来 很 多 方便 ， 但 是 也 有 一 些 问题 是 需要 注意 的 。 
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(1) 视图 状态 提供 了 特定 ASP.NET 页 面 的 状态 信息 。 如 果 需 要 在 多 个 页 上 使 用 信息 , 或 
者 需要 在 访问 网 站 时 保留 信息 ， 则 应 当 使 用 另 一 个 方法 (如 应 用 程序 状态 、 会 话 状态 或 个 性 化 
设置 ) 来 维护 状态 。 

(2) 视图 状态 信息 将 序列 化 为 XML， 然后 使 用 Base64 编码 进行 编码 ， 这 将 生成 大 量 的 
数据 。 将 页 回 发 到 服务 器 时 ， 视 图 状态 信息 将 作为 页 回 发 信息 的 一 部 分 发 送 。 如 果 视 图 状态 
包含 大 量 信息 ， 则 会 影响 页 的 性 能 。 因 此 ， 建 议 使 用 一 些 典 型 数据 来 测试 页 性 能 ， 确 定 视图 
状态 的 大 小 是 否 是 导致 应 用 程序 性 能 问题 的 “瓶颈 ”。 

(3) 虽然 使 用 视图 状态 可 以 保存 页 和 控件 的 值 ， 但 是 在 某 些 情况 下 ， 需 要 关闭 视图 状态 。 
比如 使 用 GridView 控件 显示 数据 ， 单 击 GridView 控件 的 下 一 页 按钮 ， 此 时 ，GridView 控件 
呈现 的 数据 已 经 不 再 是 前 一 页 的 数据 ， 那 么 如 果 使 用 视图 状态 将 前 一 页 数据 保存 下 来 ， 不 仅 
没有 必要 而 且 还 会 生成 大 量 隐藏 字段 ， 增 大 页 面 的 体积 ， 此 时 应 当 关 闭 视 图 状态 以 移 除 由 
GridView 控件 生成 的 大 量 隐 藏 字段 。 

另 一 个 重要 的 考虑 因素 是 ， 如 果 隐藏 字段 中 的 数据 量 过 大 ， 某 些 代理 的 防火 墙 将 禁止 访 
问 包含 这 些 数 据 的 页 。 由 于 所 允许 的 最 大 数据 量 随 所 采用 的 防火 墙 和 代理 的 不 同 而 不 同 ， 因 
此 大 量 隐藏 字段 可 能 会 导致 偶发 性 问题 。 为 了 帮助 避免 这 一 问题 ， 如 果 ViewState 属性 中 存 
储 的 数据 量 超过 了 页 的 MaxPageStateFieldLength 属性 中 指定 的 值 ， 该 页 会 将 视图 状态 拆 分 为 
多 个 隐藏 字段 ， 可 以 使 每 个 单独 字段 的 大 小 在 防火 墙 拒绝 的 大 小 以 下 。 

【 例 3-5】 演示 如 何 使 用 ViewState 对 象 , 从 视图 状态 中 读 取 值 和 将 输入 的 新 值 保存 在 视 
图 状态 中 ， 并 可 以 进行 读 取 显示 。 
(1) 在 webside 网 站 中 添加 一 个 名 为 ViewState.aspx 的 网 页 。 
(2) 在 ViewState.aspx.cs 页 面 中 添加 下 面 代码 。 


public partial class Default2 : System. Web.UI.Page 
{ 
string VSString = "basketball"; 
protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) 
{ 
ViewState.Add("favorite", VSString); 
} 
} 
protected void Button1_Click(object sender, EventArgs e) 
t 
VSString = this TextBox1.Text; 
ViewState["favorite"] = VSString: 
) 
protected void Button2_Click(object sender, EventArgs e) 
{ 
if (ViewState["favorite"] != null) 
£ 
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this.Labell.Text = ViewState["favorite"].ToString0; 


thisLabell.Text=" 查 看 的 ViewState 值 不 存在 "; 


} 
G) 程序 运行 效果 如 图 3-8 和 图 3-9 a 
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访 取 ViewState 中 的 什 


图 3-8 读 取 ViewState 中 的 初 值 图 3-9 读 取 ViewState 中 新 保存 的 值 


3.3.7 Cookie 对 象 


Cookie 对 象 是 比较 常用 的 一 种 对 象 ， 可 以 用 来 保存 一 些 常 用 的 信息 。 
1. Cookie 对 象 简介 


Cookie 俗称 “小 甜 饼 ”， 通 常 是 用 于 存储 少量 的 浏览 者 的 信息 ， 如 浏览 者 的 喜好 、 用 户 
名 、Email 地 址 等 信息 ， 以 便于 当 浏 览 者 再 次 登录 网 站 时 ， 不 必 再 次 填写 这 些 信息 。Cookie 
其 实 只 是 一 些小 文本 , 将 一 些 用 户 信息 储 存在 客户 端的 机 器 中 , 它 全 部 存储 于 Windows 目录 
下 的 Cookie 文件 夹 中 ， 以 便于 在 每 次 请 求 时 被 服务 器 在 设 定 的 时 期 内 进行 读 取 。Cookie 的 
储存 大 小 是 有 限制 的 ， 一 般 浏览 器 会 将 其 大 小 控制 在 4096 个 字 节 以 内 。 

Cookie 与 网 站 关联 ， 而 不 是 与 特定 的 页 面 关联 。 因此， 无论 用 户 请 求 站 点 中 的 哪 一 个 页 
而 ， 浏 览 器 和 服务 器 都 将 交换 Cookie 信息 。 用户 访 问 不 同 站 点 时 ， 各 个 站 点 都 可 能 会 向 用 户 
的 浏览 器 发 送 一 个 Cookie， 浏 览 器 会 分 别 存储 所 有 Cookie, 
每 次 用 户 访问 站 点 时 ，Web 应 用 程序 都 可 以 读 取 Cookie 信息 。 当 用 户 请 求 站 点 中 的 页 
面 时 ， 应 用 程序 发 送 给 该 用 户 的 不 仅仅 是 一 个 页 面 ， 还 有 一 个 包含 日 期 和 时 间 的 Cookie, J 
户 的 浏览 器 在 获得 页 面 的 同时 也 获得 了 该 Cookie， 并 将 它 存储 在 用 户 硬盘 上 的 文件 夹 中 。 以 
后 ， 如 果 该 用 户 再 次 请 求 站 点 中 的 页 面 ， 当 该 用 户 输入 URL 时 ， 浏 览 器 便 会 在 本 地 硬盘 上 
查找 与 该 URL 关联 的 Cookie。 比 如 当 用 户 登录 某 些 网 站 的 邮箱 后 ， 如 果 在 Cookie 中 记录 了 
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户 名 这 个 信息 , 那么 在 Cookie 信息 失效 以 前 ， 该 用 户 在 同一 台 计算 机 再 次 登录 时 就 不 需要 
提供 用 户 名 。 


2. Cookie 的 限制 


大 多 数 浏 览 器 支持 最 大 为 4096 字 节 的 Cookie。 由 于 这 限制 了 Cookie 的 大 小 ， 最 好 上 
Cookie 来 存储 少量 数据 ， 或 者 存储 用 户 ID 之 类 的 标识 符 。 用 户 ID 随后 便 可 用 于 标识 用 户 ， 
以 及 从 数据 库 或 其 他 数据 源 中 读 取 用 户 信息 。 

浏览 器 还 限制 站 点 可 以 在 用 户 计算 机 上 存储 的 Cookie 的 数量 。 大 多 数 浏览 器 只 人 允许 每 
个 站 点 存储 20 个 Cookie, 如 果 试 图 存储 更 多 的 Cookie, 则 存放 最 早 的 Cookie 便 会 被 覆盖 掉 。 
有 些 浏览 器 还 会 对 它们 将 接受 的 来 自 所 有 站 点 的 Cookie 总 数 做 出 绝对 限制 ， 通 常 为 300 个 。 
另外 一 个 可 能 遇 到 的 Cookie 限制 是 用 户 可 以 将 其 浏览 器 设置 为 拒绝 接受 Cookie, 

3. 读 取 Cookie 


浏览 器 向 服务 器 发 出 请 求 时 ， 会 随 请 求 一 起 发 送 该 服务 器 的 Cookie。 在 ASPNET 应 用 
程序 中 ， 可 以 使 用 HttpRequest 对 象 读 取 Cookie， 该 对 象 可 用 作 Page 类 的 Request 属性 使 用 。 
HttpRequest 对 象 的 结构 与 HttpResponse 对 象 的 结构 基本 相同 ， 因 此 ， 可 以 从 HttpRequest 对 
象 中 读 取 Cookie， 并 且 读 取 方 式 与 将 Cookie 写 入 HttpResponse 对 象 的 方式 基本 相同 。 

4. 修改 和 删除 Cookie 


服务 器 不 能 直接 修改 Cookie。 如 果 要 修改 Cookie， 必 须 首 先 创建 一 个 具有 新 值 的 新 
Cookie。 

例如 : HttpCookie cookie=new HttpCookie("hello") 

建立 起 一 个 名 为 hello 的 HttpCookie 实例 。 

建立 实例 后 ,将 给 其 赋值 。 在 一 个 Cookie 中 可 以 储存 一 个 值 ， 也 可 以 储存 多 个 值 。 通过 
设置 Cookie 的 Value 属性 值 ， 可 以 在 Cookie 中 储存 一 个 值 。 代 码 为 : 


Cookie.Value="test" 


通过 Cookie 的 Values 集合 ， 可 以 在 同一 个 Cookie 中 储存 多 个 值 。 代 码 为 : 
HttpCookie cookie=new HttpCookie("test"); 
Cookie.Values.Add("Admin", "划一 ); 
Cookie.Values.Add("Member1"," 李 四"); 
Cookie.Values.Add("Member2", "E Fi"); 
Cookie. Values.Add("Member3", "3K ="); 


Values 集合 使 用 的 Add 方法 中 第 一 个 参数 为 关键 字 (Key)， 第 二 个 参数 是 设置 的 值 
(Value)。 

删除 Cookie 是 修改 Cookie 的 一 种 形式 。 由 于 Cookie 在 用 户 计算 机 中 ， 因 此 无 法 将 其 直 
接 移 除 。 但 是 ， 可 以 让 浏览 器 来 删除 Cookie， 该 技术 是 创建 一 个 与 要 删除 的 Cookie 同名 的 
新 Cookie， 并 将 该 Cookie 的 到 期 日 期 设置 为 过 去 的 某 个 日 期 ， 当 浏览 器 检查 Cookie 的 到 期 
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日 期 时 ， 浏 览 器 便 会 丢弃 这 个 现 已 过 期 的 Cookie, 
5. 确定 浏览 器 是 否 接受 Cookie 


用 户 可 将 其 浏览 器 设置 为 拒绝 接受 Cookie。 虽 然 不 能 向 客户 端 写 入 Cookie 信息 ， 但 是 
不 会 引发 任何 错误 。 同样 ,浏览 器 也 不 向 服务 器 发 送 有 关 其 当前 Cookie 设置 的 任何 信息 。 确 
定 Cookie 是 否 被 接受 的 一 种 方法 时 尝试 编写 一 个 Cookie， 然 后 再 尝试 读 取 该 Cookie。 如 果 
无 法 读 取 已 编写 的 Cookie， 则 可 以 假定 浏览 器 不 接受 Cookie。 
【 例 3-6】 通 过 一 个 例子 来 说 明 如 何 编写 Cookie 与 读 取 Cookie。 
(1) 在 webside 网 站 中 添加 一 个 名 为 Cookie.aspx 的 网 页 。 
(2) 在 Cookie.aspx.cs 页 面 中 添加 如 下 代码 。 


protected void ButtonWrite_ Click(object sender, EventArgs e) 


{ 
Response.Cookies["userName"]. Value = "zhengzhou University"; 
Response.Cookies["userName"].Expires = DateTime.Now.AddDays(1): 
thisLabell.Text=" 写 入 完毕 !"; 

} 

protected void ButtonRead Click(object sender, EventArgs e) 

{ 
if (Request.Cookies["userName"] != null) 
t 

Labell.Text = Server.HtmlEncode(Request.Cookies["userName"']. Value); 

i 


1 
(3) 程序 运行 效果 如 图 3-10 和 图 3-11 所 示 。 
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图 3-10 cookie.aspx 写 cookie 运行 效果 图 3-11 cookie.aspx 读 cookie 运行 效果 
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3.4 ASP.NET 配置 管理 


使 用 ASPNET 配置 系统 的 功能 ， 可 以 配置 整个 服务 器 上 的 所 有 ASPNET 应 用 程序 、 单 
个 ASP.NET 应 用 程序 和 各 个 页 面 或 应 用 程序 子 目录 ， 也 可 以 配置 各 种 具体 的 功能 ， 如 身份 
验证 模式 、 页 缓存 、 编 译 器 选项 、 自 定义 错误 、 调 试 和 跟踪 选项 等 。 


3.4.1 web.config 文件 介绍 


ASP.NET 提供 了 一 个 丰富 而 可 行 的 配置 系统 ， 以 帮助 管理 人 员 轻 松 快速 地 建立 自己 的 
Web 应 用 环境 。 

Web 配置 文件 web.config 是 Web 应 用 程序 的 数据 设 定 文件 , 它 是 一 份 XML 文件 ， 内 含 
Web 应 用 程序 相关 设 定 的 XML 标记 , 可 以 用 来 简化 ASP.NET 应 用 程序 的 相关 设 定 。 该 文件 
位 于 Web 应 用 程序 的 任何 目录 中 ， 统 一 命名 为 web.config， 它 决定 了 所 在 目录 及 其 子 目录 的 
配置 信息 ， 并 且 子 目录 下 的 配置 信息 覆盖 其 父 目录 的 配置 ， 即 子 目 录 如 果 没 有 web.config X 
件 ， 就 是 继承 父 目 录 web.config 文件 的 相关 设 定 ， 如 果子 目录 有 web.config 文件 ， 就 会 覆盖 
父 目 录 web.config 文件 的 相关 设 定 。 在 运行 状态 下 ，ASPNET 会 根据 远程 URL 请 求 ， 把 访 
问 路 径 下 的 各 个 web.config 配置 文件 琶 加 ， 产 生 一 个 唯一 的 配置 集合 。 

举例 来 说 ， 一 个 对 URL:http://localhost\website\ownconfig\test.aspx 的 访问 ，ASPNET 会 
根据 以 下 顺序 来 决定 最 终 的 配置 情况 : 

(1) Microsoft.NET\Framework\{version}\web.config (默认 配置 文件 ) 

(2) \webapp\web.config (应 用 的 配置 ) 

(3) \webapp\ownconfig\web.config (自己 的 配置 ) 

web.config 是 aspx 区 别 于 asp 的 一 个 方面 ， 用 户 可 以 用 这 个 文件 配置 自己 的 很 多 信息 。 
ASP.NET 人 允许 配置 内 容 可 以 和 静态 内 容 、 动 态 页 面 和 商业 对 象 放置 在 同一 应 用 的 目录 结构 
下 。 当 管理 人 员 需 要 安装 新 的 ASPNET 应 用 时 ， 只 需要 将 应 用 目录 复制 到 新 的 机 器 上 即 可 。 

ASP.NET 的 配置 系统 具有 以 下 优点 : 

© ASP.NET 的 配置 内 容 以 纯 文本 方式 保存 ,可 以 以 任意 标准 的 文本 编辑 器 、XML 解析 

器 和 脚本 语言 解释 、 修 改 配置 内 容 。 
© ASP.NET 提供 了 扩展 配置 内 容 的 架构 ， 以 支持 第 三 方 开发 者 配置 自己 的 内 容 。 
e ASPNET 配置 文件 的 更 改 被 系统 自动 监控 ， 无 须 管理 人 员 手 工 干预 。 


34.2 配置 文件 的 语法 规则 


(1) 标识 
配置 内 容 被 置 于 web.config 文件 中 的 标记 <configuration> 和 </configuration> 之 间 。 
格式 : 
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<configuration> 
配置 内 容 


</configuration> 


(2) 配置 段 

具体 定义 配置 的 内 容 ， 以 供应 用 使 用 。Web 配置 文件 是 一 份 XML 文件 ， 在 XML 标记 
的 属性 就 是 设 定 值 ， 标 记名 称 和 属性 值 格式 是 字符 串 ， 第 一 个 开头 字母 是 小 写 ， 之 后 每 一 字 
头 是 大 写 ， 例 如 <appSetting>。Web 配置 文件 的 范例 如 下 所 示 。 

以 下 例子 定义 了 一 个 httpmodules 配置 段 ， 设 置 了 系统 http 相关 的 处 理 模块 。 


<configuration> 

<appSettings> 

<add key="dbType" value="Access Database"/> 

</appsettings> 

<connectionsStrings> 
<add name="provider" 
connectionString="Microsoft.Jet.OLEDB.4.0:"/> 
<add name="database" 
connectionString="/chart7/Exam mdb"/> 
</connectionsStrings> 

<system.web> 
<sessionState cookieless="false" timeout="10"/> 
<compilation defaultLanguage="C#" debug="true"/> 
<globalization 
fileEncoding="gb2312" 
requestEncoding="gb2312" 
culture= "zh-CN"/> 
<customErrors mode="RemoteOnly"/> 
</system.web> 

</configuration> 


可 以 看 到 ， 在 这 段 配置 信息 当中 这 是 一 个 基于 XML 格式 的 文件 ， 根 标记 是 
<configuration>， 所 有 的 配置 信息 均 被 包括 在 <configuration> 及 </configuration> 标 签 中 间 ， 其 
子 标记 <appSettings>、<connectionsStrings> 和 <system .web> 是 各 设 定 区 段 。 在 <system.web> 下 
的 设 定 区 段 属于 ASP.NET 相关 设 定 。 

在 Web 配置 文件 的 <appSettings> 区 段 可 以 创建 ASPNET 程序 所 需要 的 参数 , 每 个 <add> 
标记 可 以 创建 一 个 参数 ， 属 性 key 是 参数 名 称 ，value 是 参数 值 。ASPNET 2.0 以 后 新 增 
<connectionStrings> 区 段 ， 可 以 指定 数据 库 连 接 字符 串 ， 在 <connectionStrings> 标 记 的 <add> 子 
标记 也 可 以 创建 连接 字符 串 ， 属 性 name 是 名 称 ，connectionStrings 是 连接 字符 串 的 内 容 ， 表 
3-11 列 出 了 常用 设 定 区 段 标记 的 说 明 。 
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表 3-11 常用 设 定 区 段 标记 说 明 

设 定 区 段 说 明 

<AnonymousIdentification> 控制 Web 应 用 程序 的 匿名 用 户 
<Authentication> 设 定 ASPNET 的 验证 方式 
<Authorization> 设 定 ASPNET 用 户 授权 
<BrowserCaps> 设 定 浏览 程序 兼容 组 件 HttpBrowserCapabilities 
<Compilation> 设 定 ASPNET 应 用 程序 的 编译 方式 


<CustomErrors> 设 定 ASPNET 应 用 程序 的 自动 错误 处 理 

<Globalizations> 关于 ASPNET 应 用 程序 的 全 球 化 设 定 ， 也 就 是 本 地 化 设 定 

<HttpHandlers> 设 定 HTTP 处 理 是 对 应 到 URL 请 求 的 HttpHandler 类 

<HttpModules> 创建 删除 或 清除 ASP.NET 应 用 程序 的 HTTP 模块 

i 设 定 ASPNET HTTP 运 行 时 的 配置 ,这 些 配置 决定 如 何 处 理 对 ASP.NET 
应 用 程序 的 请 求 

<MachineKey> 设 定 在 使 用 窗 体 基 础 验证 的 Cookie 数据 时 ， 用 来 加 码 和 解码 的 金 钥 是 

<Membership> 设 定 ASP.NET 的 Membership 机 制 

<Pages> 设 定 ASP.NET 程序 的 相关 设 定 ， 即 Page 指引 命令 的 属性 

<Profile> 设 定 个 人 化 信息 的 Profile 对 象 

<Roles> 设 定 ASP.NET 的 角色 管理 

<SessionState> BUE ASP.NET 应 用 程序 的 Session 状态 HttpModule 

<SiteMap> 设 定 ASP.NET 网 站 导航 系统 

<WebParts> 设 定 ASP.NET 应 用 程序 的 网 页 组 件 

<WebServices> 设 定 ASP.NET 的 Web 服务 


3.4.3 ”Global.asax 文件 介绍 


作为 网 络 应 用 程序 ， 程 序 在 执行 之 前 有 时 需要 初始 化 一 些 重要 的 变量 ， 而 且 这 些 工作 必 


须发 生 在 所 有 程序 执行 之 前 ， 
ASP.NET 应 用 程序 都 可 以 有 一 
就 会 把 它 识别 
另外 ， 由 于 Global.asax 在 
须 存放 在 当前 应 用 所 在 的 虚拟 
文件 将 不 会 起 任何 作用 。 


HH FE 


ASP.NET 在 应 用 程序 中 添加 了 “全 局 应 用 程序 类 ”， 也 就 是 Globalasax。 该 文件 是 应 用 


ASPNET 的 Globalasax 文件 便 是 为 此 目的 而 设计 的 。 每 个 
个 Global.asax 文件 ,一 旦 将 其 放 在 适当 的 虚拟 目录 中 ASP.NET 


bt 来 并 且 会 自动 使 用 该 文件 。 


网 络 应 用 程序 中 的 特殊 地 位 ， 它 被 存放 的 位 置 也 是 固定 的 。 必 
目录 的 根 目录 下 。 如 果 放 在 虚拟 目录 的 子 目 录 中 ，Globalasax 


程序 用 来 保持 应 用 程序 级 的 事件 、 对 象 和 变量 的 。 一 个 ASPNET 应 用 程序 只 能 有 一 个 
Globalasax 文件 ， 位 于 应 用 程序 根 目录 下 。 


按照 VWD 模板 添加 的 应 上 


程序 如 下 所 示 。 


<%(@ Application Language="C#"%> 
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<script runat="server"> 


void Application Start(object sender EventArgs e) 


{ 


/在 应 用 程序 启动 时 运行 的 代码 


j 


void Application End(object sender, EventArgs e) 


í 


/在 应 用 程序 关闭 时 运行 的 代码 


} 


void Application Error(object sender, EventArgs e) 


{ 


/在 出 现 未 处 理 的 错误 时 运行 的 代码 


) 


void Session Start(object sender, EventArgs e) 


{ 


) 
</script> 


在 窗 体 页 中 ， 只 能 处 理 单个 页 面 的 事件 , 而 在 Global.asax 文件 中 可 以 处 理 整个 应 用 程序 
中 的 事件 。 除了 上 述 代码 模板 中 列举 的 事件 以 外 ， 在 Global.asax 文件 中 还 可 以 加 入 其 他 事件 
的 处 理 函 数 。 表 3-12 列 出 了 可 以 在 Global.asax 中 处 理 的 事件 。 


# ft 


Application Start 


Session Start 


Application BeginRequest 


3E3-12 Globalasax 中 处 理 的 事件 
说 了 明 

在 应 用 程序 接收 到 第 一 个 请 求 时 调用 , 通常 在 此 函数 中 定义 应 用 程序 
级 变量 或 状态 
类 似 与 Application_Start， 不 过 是 针对 每 个 客户 端 第 一 次 访问 应 用 程 
序 时 调用 
虽然 在 VWD 的 代码 模板 中 没有 该 事件 的 处 理 ， 不 过 可 以 在 
Globalasax 中 添加 。 该 事件 是 在 每 个 请 求 到 达 服务 器 , 并 且 在 处 理 该 
请 求 前 ， 会 触发 的 事件 


Application AuthenticateRequest 


每 个 请 求 都 会 触发 该 事件 ， 并 且 可 以 在 此 函数 中 设置 自 定义 的 验证 


Application Error 


Session End 


Application End 


在 应 用 程序 中 抛 出 任何 错误 时 都 会 触发 该 事件 .通常 在 此 函数 中 提供 
应 用 程序 级 的 错误 处 理 或 者 记录 错误 事件 

以 进程 内 模式 使 用 会 话 状态 时 ， 如 果 用 户 离开 应 用 程序 将 会 触发 该 
H ft: 

应 用 程序 关闭 时 触发 该 事件 。 该 函数 很 少 使 用 ， 因 为 ASP.NET 可 以 
很 好 地 关闭 和 清除 内 存 对 象 


与 页 面 指令 一 样 ，Globalasax 文件 也 可 以 使 用 应 用 程序 指令 ， 这 些 指令 都 可 以 包含 特定 
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于 该 指令 的 一 个 或 多 个 属性 / 值 对 。 下 面 列 出 了 ASPNET 中 支持 的 应 用 程序 指令 。 
e° @Application。 定 义 ASP.NET 应 用 程序 编译 器 所 使 用 的 应 用 程序 特定 的 属性 。 该 指 
令 只 能 在 Globalasax 文件 中 使 用 。 
e° @Import。 显 式 将 命名 空间 导入 到 应 用 程序 中 。 
e @Assembly。 在 分 析 时 将 程序 集 链接 到 应 用 程序 。 


实验 3 ASP.NET 基础 知识 


1. 实验 目的 


通过 实践 练习 ， 进 一 步 理 解 各 章节 知识 ， 了 解 ASP.NET 页 面 的 运行 机 制 和 配置 文件 管 
理 方式 ， 熟 练 掌握 ASPNET 各 种 对 象 的 使 用 方法 。 
2 实验 内 容 和 要 求 

(1) 编写 程序 , 实现 让 用 户 输入 两 个 整数 , 并 使 用 一 个 按钮 来 进行 数据 提交 , 使 用 Request 
对 象 来 得 到 用 户 提交 的 数据 ， 比 较 Get 方法 和 Post 方法 的 不 同 。 

(2) 编写 程序 ， 利 用 Session 保存 用 户 输入 的 信息 ， 并 在 页 面 上 进行 显示 。 

(3) 编写 程序 ， 使 用 Cookie 记录 用 户 名 ， 并 在 页 面 上 显示 出 来 。 
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ASP.NET 服务 器 控件 是 ASP.NET 网 页 上 的 对 象 ， 当 客户 端 浏览 器 请 求 服务 器 端的 网 页 
时 ， 这 些 控件 对 象 将 在 服务 器 上 运行 并 向 客户 端 浏览 器 呈现 HTML 标记 。 使 用 ASPNET 服 
务 器 控件 ， 可 以 大 幅 减少 开发 Web 应 用 程序 所 需 编写 的 代码 量 ， 提 高 开发 效率 和 Web 应 用 
程序 的 性 能 。 

本 章 首先 介绍 ASP.NET 服务 器 控件 的 基本 概念 , 然后 详细 介绍 在 ASP.NET 网 页 中 如 何 
添加 ASP.NET 服务 器 控件 ， 以 及 这 些 控件 的 使 用 方法 。 

本 章 的 学 习 目 标 

e° 了 解 ASP.NET 服务 器 控件 的 定义 

e 掌握 如 何 向 网 页 中 添加 ASP.NET 服务 器 控件 ， 如 何 配置 控件 的 属性 、 行 为 和 外 观 以 

及 如 何以 编程 方式 使 用 这 些 控件 


4.1 ASP.NET 服务 器 控件 概述 


在 网 页 上 经 常 看 到 填写 信息 用 的 文本 框 、 单 选 按钮 、 复 选 框 、 下 拉 列 表 等 元 素 ， 它 们 都 
是 控件 。 控 件 是 可 重用 的 组 件 或 对 象 ， 有 自己 的 属性 和 方法 ， 可 以 响应 事件 。 

ASPNET 服务 器 控件 是 服务 器 端 ASPNET 网 页 上 的 对 象 ， 当 用 户 通 过 浏览 器 请 求 
ASP.NET 网 页 时 ， 这 些 控件 将 运行 并 把 生成 的 标准 的 HTML 文件 发 送 给 客户 端 浏览 器 来 
呈现 。 

网 站 部 署 在 Web 服务 器 上 ， 人 们 可 以 通过 浏览 器 来 访问 这 个 站 点 。 当 客户 端 请 求 一 个 
静态 的 HTML 页 面 时 ， 服 务 器 找到 对 应 的 文件 直接 将 其 发 送 给 用 户 端 浏览 器 ， 而 在 请 求 
ASP.NET 页 面 时 (扩展 名 为 .aspx 的 页 面 )， 服务器 将 在 文件 系统 中 找到 并 读 取 对 应 的 页 面 ， 然 
后 将 页 面 中 的 服务 器 控件 转换 成 浏览 器 可 以 读 取 的 HTML 标记 和 一 些 脚本 代码 , 再 将 转换 后 
的 结果 页 面 发 送 给 用 户 。 

在 ASP.NET 页 面 上 ， 服 务 器 控件 表现 为 一 个 标记 ， 例 如 <asp:textbox... 户 。 这 些 标记 不 
是 标准 的 HTML 元 素 ， 因 此 如 果 它 们 出 现在 网 页 上 ， 浏 览 器 将 无 法 理解 它们 ， 然 而 ， 当 从 
Web 服务 器 上 请 求 一 个 ASPNET 页 面 时 ， 这 些 标记 都 将 动态 地 转换 为 HTML 元 素 ， 因 此 浏 
览 器 只 会 接收 到 它 能 理解 的 HTML 内 容 。 

在 创建 .aspx 页 面 时 , 可 以 将 任意 的 服务 器 控件 放置 到 页 面 上 , 然而 请 求 服务 器 上 该 页 面 
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的 浏览 器 将 只 会 接收 到 HTML 和 JavaScript 脚本 代码 ， 如 图 4-1 所 示 。 


浏览 器 服务 器 


http://server/page.aspx 


图 4-1 服务 器 端 代码 转换 为 客户 端 代码 


记 住 , Web 浏览 器 无 法 理解 ASP.NET. Web 浏览 器 只 理解 HTML, 可 能 也 理解 JavaScript 
一 一 但 它 不 能 处 理 ASPNET 代码 。 服 务 器 读 取 ASPNET 代码 并 进行 处 理 , 将 所 有 ASPNET 
特有 的 内 容 转 换 为 HIML 以 及 (如 果 浏览 器 支持 的 话 ) 一 些 JavaScript 代码 ， 然 后 将 最 新 生成 
的 HTML 发 送 回 浏览 器 。 

ASP.NET 服务 器 控件 主要 类 别 有 HTML 服务 器 控件 、 标 准 服务 器 控件 、 验 证 控件 、 
户 控件 、 数 据 控件 、 导 航 控件 等 。 

本 章 主要 介绍 HTML 服务 器 控件 、 标 准 服务 器 控件 、 验 证 控件 和 用 户 控件 。 


42 HTML 元 素 和 服务 器 控件 


本 节 描 述 如 何 使 用 VWD 2008 工具 箱 的 HTML 选项 卡 上 的 ASP.NET 服务 器 控件 。 
4.2.1 HTML 元 素 


在 VWD 2008 中 ， 从 工具 箱 添加 到 页 面 上 的 HTML 服务 器 控件 只 是 已 设置 了 某 些 属性 
的 HTML 元 素 ， 当 然 也 可 通过 输入 HTML 标记 在 “ 源 ” 视 图 中 创建 HTML 元 素 。 

默认 情况 下 ，ASP.NET 文件 中 的 HTML 元 素 作为 文本 进行 处 理 ， 并 且 不 能 在 服务 器 端 
代码 中 引用 这 些 元 素 ， 只 能 在 客户 端 通过 javascript 和 vbscript 等 脚本 语言 来 控制 。 

工具 箱 的 HTML 选项 上 不 上 提供 了 一 些 基于 HTML INPUT 元 素 的 控件 。 本 节 通 过 下 列 两 
个 控件 介绍 HIML INPUT 元 素 的 使 用 方法 。 

(1) Input (Button) 控 件 ， 按 钮 控件 : 默认 情况 下 是 “INPUT type="button" tR” o 

(2) Input (Text) 控件 ， 文 本 框 控件 : 默认 情况 下 是 “INPUT type="text" tR” o 

JInput(Text) 元 素 创建 允许 用 户 在 其 中 输入 文本 或 密码 的 单行 文本 框 ， 其 主要 属性 有 : 

(1) Type=text/password， 文 本 框 的 类 型 。 

(2) MaxLength， 文 本 框 中 最 大 的 输入 字 节 。 

(3) Size， 设 定 文本 框 的 宽度 。 

(4) Value， 设 定 文本 框 的 值 。 
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Input(Button) 元 素 的 主要 功能 是 创建 一 个 用 来 触发 事件 处 理 程序 的 按钮 ， 通 过 使 | 
onclick 属性 来 表明 单 击 按钮 可 以 触发 的 处 理 方法 。 其 主要 属性 有 : 

(1) DD， 此 控件 的 编程 名 称 。 

(2) value， 设 置 按钮 中 显示 的 文字 。 

【 例 4-11 演示 如 何 使 用 Input (Text) 元 素 和 Input (Button) 元 素 。 

(1) 运行 VWD 2008， 新 建 名 为 HTMLGroupControl 的 ASPNET 网 站 。 

(2) 重 命 名 default.apsx 为 HIMLInputElementaspx， 切 换 到 【设计 】 视 图 ， 从 【工具 箱 】 
的 HTML 组 中 拖 动 3 个 Input(Text) 控 件 和 1 个 Input(Button) 控 件 到 页 面 ， 页 面 设计 效果 如 图 
4-2 所 示 ， 再 切换 到 【 源 】 视 图 可 看 到 如 下 所 示 的 代码 。 


htmlinputElement.aspx* | htmiinputElemenkiaspxics 7 X 
[nput#Texti | p A 
-A |i 

lth: (22px) 3 
输入 整数 到 文本 框 中 m 


单 击 “=" 按 钮 计算 两 数 的 和 


~ 
agit ] 口 拆 分 am! |4 |<dv> [<nput#Butoni>] f] 


图 4-2 HTML mage 控件 


<input id="Text1" type="text" maxlength ="3"/>&nbsp; +&nbsp: 

<input id="Text2" type="text" maxlength ="3"/>&nbsp; 

<input id="Button1" type="button" onclick=" AddButton Click0:" value="=" />&nbsp; 
<input id="Text3" type="text" maxlength="3" /> 


为 文本 框 Textl 和 Text2 分 别 添 加 属性 maxlength ="3" 以 控制 输入 字符 的 个 数 不 超 过 3 个 。 
给 按钮 Buttonl 控件 添加 属性 onclick="AddButton_Click0:"， 重 置 属性 值 value="="。 
(3) 切换 到 【 源 】 视 图 ， 添 加 如 下 客户 端 脚本 到 <body> 标 记 前 。 


<script type ="text/javascript" language ="javascript" > 
function AddButton Click( ) 
í 
alert(You clicked me.'); 
var a= document. getElementById("Text1").value; 
varb= document.getElementById("Text2").value; 
// alert(a); alert(b); 
var answer=parselnt(a)+parseInt(b): 
document.getElementById("Text3").value=answer ; 
/lalert(answer); 
) 
</script> 


(4) 按 CtrlHHFS， 观 看 运行 效果 。 单 击 = 按 钮 时 ， 将 调用 客户 端 脚本 AddButton_Click0。 
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42.2 HTML 服务 器 控件 


在 VWD 2008 F, 从 工具 箱 添加 到 ASPNET 页 面 上 的 HTML 服务 器 控件 只 是 已 设置 了 
某 些 属 性 的 HTML 元 素 。 

默认 情况 下 ， 这 些 添加 到 ASPNET 文件 中 的 HTML 元 素 被 视 为 传递 给 浏览 器 的 标记 ， 
作为 文本 进行 处 理 ， 不 能 在 服务 器 端的 代码 中 引用 这 些 元 素 。 若 要 使 这 些 元 素 能 以 编程 方式 
进行 访问 ， 可 以 通过 添加 runat="server" 属 性 表明 应 将 HTML 元 素 作为 服务 器 控件 进行 处 理 。 
还 可 设置 HTML 元 素 的 id 属性 ， 这 样 就 可 使 用 基于 服务 器 的 代码 对 其 进行 编程 引用 了 。 

添加 了 属性 mnat="server" 的 HTML 元 素 就 转换 为 HTML 服务 器 控件 了 。 移 除 控件 标记 
中 的 runat="server" 属 性 ，HTML 服务 器 控件 就 转换 为 HTML 元 素 了 。 

【 例 4-2] 演示 如 何 使 用 工具 箱 的 mput(Button) 服 务 器 控件 、Input(Texb 服 务 器 控件 。 

(1) 打开 【 例 4-1】 所 建 的 HTMLGroupControl 网 站 。 

(2) 新 建 名 为 HTMLInputServerControl.aspx 的 Web 页 面 文件 。 从 【工具 箱 】 的 HTML 
组 中 拖 动 3 个 Input(Text) 控 件 和 1 个 Input(Button) 控 件 到 页 面 ， 如 图 4-3 所 示 。 切 换 到 【 源 】 
We 


htmlinputServerControl.aspx TR 

nput#Text aaa mem == 

— 1 
入 整数 到 文本 框 中 "ia 

单 击 "=" 按 钮 计算 两 数 的 和 加 


[Enam la ge 


图 4-3 HTML input 控件 设计 视图 


<input id="Text1" type="Text" size="2" maxlength="3" runat="server" /> + 

<input id="Text2" type="Text" size="2" maxlength="3" runat="server" /> 

<input id="Button1" type="button" value="=" onserverclick="AddButton_Click" runat="server"/> 
<input id="Text3" type="Text" size="2" maxlength="3" runat="server" /> 


为 文本 框 Textl 和 Text2 分 别 添加 属性 maxlength ="3" 以 控制 输入 字符 的 个 数 不 超 过 3 个 。 
给 按钮 Buttonl 控件 添加 属性 onserverclick="AddButton_Click"， 重 置 值 value="="。 
给 这 3 个 文本 框 控 件 和 这 1 个 按钮 控件 都 添加 属性 runat="server" 将 其 转换 为 “HTML HR 
务 器 控件 ”。 
(3) 切换 到 HIMLInputServerControlaspx【 源 】 视 图 ， 将 下 列 服务 器 端 脚本 加 到 <body> 
标记 前 : 
<script runat="server"> 
protected void AddButton Click(Object sender, EventArgs e) 
{ 
int Answer; 
Answer = Convert. TolInt32(Text1.Value) + Convert. ToInt32(Text2. Value); 
Text3.Value = Answer. ToString(); 
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l; 
</script> 

(4) 按 Ctrl+F5, 在 IE 浏览 器 中 观看 运行 效果 。 单 击 = 按钮 时 ， 将 调用 服务 器 端 脚本 
AddButton Click()。 

HTML 控件 由 HTML 元 素 衍 生 而 来 ， 由 于 HTML 元 素 的 属性 只 能 静态 地 设置 ， 一 般 在 
程序 执行 过 程 中 不 能 被 修改 ， 很 不 灵活 。 为 了 弥补 这 一 不 足 。ASP.NET 特地 提供 HTML 控 
件 ， 这 种 控件 允许 在 程序 中 设置 其 属性 ， 也 人 允许 在 程序 的 执行 过 程 中 动态 地 读 取 及 修改 其 属 
性 ， 从 而 可 以 产生 动态 的 网 页 。 

【 例 4-1】 中 的 HTML Input(Button) 元 素 和 【 例 4-2] HTML 服务 器 控件 的 比较 : 
<input id="Button1" type="button" onclick=" AddButton Click0:" value="=" /> 
<input id="Button1" type="button onserverclick=" AddButton Click" runat="server" " value="="/> 


比较 这 两 个 语句 ， 可 以 看 出 声明 一 个 HTML 服务 器 按钮 控件 和 声明 一 个 HTML 元 素 有 
以 下 几 点 不 同 : 

(1) 服务 器 按钮 控件 用 onserverclick 属性 代 蔡 了 html 按钮 的 onclick 属性 。 

D 服务 器 按钮 控件 多 用 了 一 个 属性 runat="server". 


说 明 : 

(1) ID 属性 是 标识 服务 器 控件 的 唯一 标志 ， 通 过 它 可 以 像 引 用 一 个 对 象 一 样 来 直接 在 服 
务 器 端 引用 服务 器 控件 。 

(2) 用 OnServerClick 属性 代替 OnClick 属性 是 为 了 表明 响应 按钮 的 单 击 事件 是 在 服务 器 
端 进行 处 理 ， 而 不 是 客户 端 。 

(3) 多 出 的 runat 二 "server" 属 性 是 说 明 该 控件 为 服务 器 控件 ， 这 是 区 别 HTML 服务 器 控 
件 和 html 元 素 的 唯一 方法 。 


4.3 ”标准 服务 器 控件 


ASP.NET 包含 大 量 可 在 ASP.NET 网 页 上 使 用 的 标准 服务 器 控件 。 本 节 重 点 从 ASP.NET 
服务 器 控件 的 工作 原理 和 过 程 入 手 ， 介 绍 控件 的 常用 功能 和 用 法 。 


4.3.1 ”按钮 控件 


可 使 用 ASP.NET Button 服务 器 控件 为 用 户 提供 向 服务 器 发 送 网 页 的 能 力 。 该 控件 会 在 
服务 器 代码 中 触发 一 个 事件 ， 可 以 处 理 该 事件 来 响应 回 发 。 
ASP.NET 包括 三 种 按钮 控件 , 每 种 按钮 控件 在 网 页 上 显示 的 方式 都 不 同 , 如 表 4-1 所 示 。 
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表 4-1 按钮 控件 的 比较 


e “fE t HB 
Button 显示 一 个 标准 命令 按钮 ， 该 按钮 呈现 为 一 个 HIML input 元 素 
LinkButton 呈现 为 页 面 中 的 一 个 超 链 接 。 但 是 ， 它 包含 使 窗 体 被 发 回 服务 器 的 客户 端 脚本 (可 以 使 
用 HyperLink 服务 器 控件 创建 真实 的 超 链接 ) 
ImageButton 将 图 形 呈 现 为 按钮 。 这 对 于 提供 丰富 的 按钮 外 观 非常 有 用 。ImageButton 控件 还 提供 有 
关 图 形 内 已 单 击 位 置 的 坐标 信息 
(1) 按钮 事件 


当 用 户 单 击 任 何 Button( 按 钮 ) 服 务 器 控件 时 ， 会 将 该 页 发 送 到 服务 器 。 这 使 得 在 基于 服 
务 器 的 代码 中 ， 网 页 被 处 理 ， 任 何 挂 起 的 事件 被 引发 。 这 些 按钮 还 可 引发 它们 自己 的 Click 
事件 ， 可 以 为 这 些 事件 编写 事件 处 理 程序 。 

(2) 按钮 回 发 行为 

当 用 户 单 击 按钮 控件 时 ， 该 页 回 发 到 服务 器 。 默 认 情 况 下 ， 该 页 回 发 到 其 本 身 ， 在 这 里 
重新 生成 相同 的 页 面 并 处 理 该 页 上 控件 的 事件 处 理 程序 。 

可 以 配置 按钮 以 将 当前 页 面 回 发 到 另 一 页 面 。 这 对 于 创建 多 页 窗 体 可 能 非常 有 用 。 

默认 情况 下 ，Button 控件 使 用 HTML POST 操作 提交 页 面 。LinkButton 和 ImageButton 
控件 不 能 直接 支持 HTML POST 操作 。 因 此 ， 使 用 这 些 按钮 时 ， 它 们 将 客户 端 脚本 添加 到 页 
面 以 允许 控件 以 编程 方式 提交 页 面 。( 因 此 LinkButton 和 ImageButton 控件 要 求 在 浏览 器 上 启 
用 客户 端 脚 本 。) 

在 某 些 情况 下 ， 可 能 希望 Button 控件 也 使 用 客户 端 脚本 执行 回 发 。 这 在 希望 以 编程 方式 
操作 回 发 (如 将 回 发 附加 到 页 面 上 的 其 他 元 素 ) 时 非常 有 用 。 可 以 将 Button 控件 的 
UseSubmitBehavior 属性 设置 为 tue 以 使 Button 控件 使 用 基于 客户 端 脚本 的 回 发 。 

(3) 处 理 Button 控件 的 客户 端 事件 

Button 控件 既 可 以 引发 服务 器 事件 , 也 可 以 引发 客户 端 事件 。 服务 器 事件 在 回 发 后 发 生 ， 
且 这 些 事件 在 为 页 面 编写 的 服务 器 端 代 码 中 处 理 。 客 户 端 事件 在 客户 端 脚本 (通常 为 
ECMAScript(JavaScript)) 中 处 理 ， 并 在 提交 页 面前 引发 。 通 过 向 ASP.NET 按钮 控件 添加 客户 
端 事件 ， 可 以 执行 一 些 任务 (如 在 提交 页 之 前 显示 确认 对 话 框 以 及 可 能 取消 提交 )。 

【 例 4-3】 演 示 Button 控件 、LinkButton 控件 、ImageButton 控件 的 使 用 。 

(1) 打开 VWD 2008， 新 建 名 为 ButtonWebServerControl 的 ASPNET 网 站 。 

(2) 新 建 页 面 Poem aspx 和 prose.aspx。 在 网 站 根 目 录 下 新 建 名 为 Image 的 文件 夹 ， 将 选 
中 的 图 片 添 加 到 Image 文件 夹 中 。 

(3) 切换 到 default.aspx 的 【设计 】 视 图 ， 在 【工具 箱 】 中 双击 相应 的 控件 ， 添 加 1 个 
HyperLink 控件 、1 个 LinkButton 控件 、1 个 Button 控件 、1 个 ImageButton 控件 和 1 个 Label 
控件 。 如 图 4-4 所 示 。 
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图 4-4 创建 按钮 控件 


(4) 在 【设计 了 视图 中 , 单 击 HyperLinkl 控件 , 在 其 属性 窗口 设置 Text 属性 值 为 Google， 
NavigateUrl 属性 值 分 别 为 http://www.google.cn。 

同样 ， 设 置 LinkButtonl 控件 的 Text 属性 值 为 “散文 ”，PostBackUal 属性 值 为 
~/prose.aspx; ImageButton1 控件 的 ImageUrl 属性 值 为 -/Image/flowerjpg，PostBackUrl 属性 值 
为 ~/flower.aspx， 如 下 标记 代码 所 示 : 


<asp:HyperLink ID="HyperLinkl" runat="server" 
NavigateUrl="http://www.google.cn">goolge</asp:HyperLink> 

<asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl = "~/prose.aspx" 
onclick="LinkButton1_Click"> 散 文 </asp:LinkButton> 

<asp:Button ID="Button1" runat="server" onclick="Button1 Click" Text="Button" /> 

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Image/flower.jpg" 
onclick="ImageButton1_Click" PostBackUrl="~/flower.aspx" 
AltemateText="this is a ImageButton." /> 

<asp:Label ID="Labell" runat="server" Text=" 按 钮 应 用 演示 "></asp:Label> 


(5) 在 【设计 】 视 图 中 ， 双 击 Buttonl 控件 ， 为 Buttonl 的 Click 事件 添加 如 下 所 示 的 处 
理 程序 。 
protected void Button1_Click(object sender, EventArgs e) 
t 
Labell.Text= "哈哈 ， 您 单 击 的 是 Button 按钮 ! "; 
} 


(6) 按 CklHF5S， 观 看 显示 效果 。 
4.3.2 TextBox( 文 本 框 ) 控 件 


TextBox 服务 器 控件 是 让 用 户 向 ASP.NET 网 页 输入 文本 的 控件 。 默 认 情 况 下 ， 该 控件 的 
TextMode 属性 设置 为 TextBoxMode .SingleLine， 这 将 显示 一 个 单行 文本 框 。 但 可 以 将 
TextMode 属性 设置 为 TextBoxMode MultiLine， 以 显示 多 行文 本 框 (该 文本 框 将 作为 textarea 
元 素 呈 现 )。 也 可 以 将 TextMode 属性 更 改 为 TextBoxMode Password， 以 显示 屏蔽 用 户 输入 的 
文本 框 。 通 过 使 用 Text 属性 可 以 获得 TextBox 控件 中 显示 的 文本 。 
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安全 说 明 : 将 TextMode 属性 设置 为 TextBoxMode Password 可 有 助 于 确保 在 输入 密码 时 


在 发 送 其 中 带 有 密码 的 页 时 ， 可 以 使 用 安全 套 接 字 层 (SSL) 和 加 密 。 


Label2 控件 的 Text 属性 值 为 “克隆 内 容 : 


[J 4-4】 演 示 文本 框 TextBox 控件 、 标 签 Label 控件 、 按 钮 Button 控件 的 使 用 。 


(1) 打开 VWD 2008， 新 建 名 为 TextBoxWebServerControl 的 ASPNET 网 站 。 


(2) 将 default.aspx 重 命 名 为 TestButton.aspx。 


其 他 人 无 法 看 到 。 但 是 , 输入 到 文本 框 中 的 文本 没有 以 任何 方式 进行 加 密 ,为 了 提高 安全 性 ， 


(3) 切换 到 如 图 4-5 所 示 的 【设计 】 视 图 ， 添加 名 为 Labell、Label2 的 Label 控件 ， 名 为 
TextBox1, TextBox2 的 TextBox 控件 ， 名 为 Buttonl 的 Button 控件 。 
(4) 单 击 Labell 控件 ， 在 其 属性 窗口 设置 Text 属性 值 为 “原始 内 容 ，”; 同样 ， 设 置 


4-5 所 示 。 
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图 4-5 创建 控件 


”，Buttonl 控件 的 Text 属性 值 为 “克隆 ”。 如 图 


(5) 在 【设计 】 视 图 中 ， 双 击 Buttonl 控件 ， 切 换 到 TestButton.aspx.cs 视图 ， 为 Button1 
控件 的 Click 事件 添加 如 下 所 示 的 处 理 程序 。 


protected void Button1_Click(object sender, System.EventArgs e) 
{ 


// 读 取 TextBox1 控件 的 Text 属性 的 值 ， 并 使 用 该 值 来 设置 TextBox2 控件 的 Text 属性 的 值 。 


TextBox2.Text = Server. HTMLEncode(TextBox]1.Text): 
} 


(6) 按 CtrlHHFS， 观 看 显示 效果 。 


(7) 在 【设计 】 视 图 中 ， 分 别 单 击 TextBoxl 、TextBox2 控件 ， 在 其 属性 窗口 设置 
TextMode( 文 本 框 的 行为 模式 ) 属 性 值 为 MultiLine。 按 CrHF5， 观 看 显示 效果 。 


(8) 按 图 4-5 所 示 ， 添 加 3 个 Label 控件 ，2 个 TextBox 控件 ，1 个 Button 控件 ,在 
分 别 如 图 4-5 所 示 设 置 Text; 设置 TextBox4 控件 的 TextMode 属性 值 为 Password。 


属性 


(9) 在 【设计 】 视 图 中 ， 双 击 【 登 录 】 按 钮 控件 ， 切 换 到 TestButton.aspx.cs 视图 ， 为 
ButtonLogin 控件 的 Click 事件 的 处 理 方法 添加 如 下 所 示 的 代码 。 
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Protected void ButtonLogin Click(object sender, EventArgs e) 


t 
if (TextBoxUserName.Text =" " || TextBoxPassword Text = "") 


í 
string scriptString = "alert(" 信 息 不 全 ! 请 重新 填写 ! y"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType()."waming", scriptString, true); 


else 


Response.Redirect(string.Format("Content.aspx?user={0}&password={1}", 
TextBoxUserName.Text TextBoxPassword.Text)); 
//Response.Redirect("Content.aspx'"); 
//Response.Redirect("Content.aspx?user="+TextBoxUser.Text+"&password="+TextBoxPassword.Text); 
) 
} 


在 这 段 代 码 中 ， 当 单 击 ButtonLogin 控件 后 ， 首 先 检查 TextBoxUserName 控件 和 
TextBoxPassword 控件 中 的 内 容 是 否 为 空 ， 若 为 空 ， 则 弹出 对 话 框 ， 提 示 用 户 重新 输入 信息 ; 
若 不 空 ， 则 将 控件 中 的 数据 作为 参数 传 给 Content.aspx 页 面 。 

(10) 在 Content.aspx 页 面 的 【设计 】 视 图 下 ， 双 击 Web 窗 体 ， 在 Page Load 事件 中 添加 
以 下 代码 。 


protected void Page Load(object sender, EventArgs e) 
t 
string scriptContent = Request.QueryString["user"].ToString0 + "， 欢 迎 您 ! 注意 记 好 您 的 密码 : 
"+ Request.QueryString["password"].ToString(); 
Response. Write(scriptContent); 
string scriptString = "alert("+scriptContent+");"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "success", scriptString, true); 
) 


(11) 按 CtlHF5， 观 看 显示 效果 。 
4.3.3 ListBox 控件 和 DropDownList 控件 


ListBox 服务 器 控件 使 用 户 能 够 从 预定 义 的 列表 中 选择 一 项 或 多 项 。 

DropDownList 服务 器 控件 使 用 户 可 以 从 预定 义 的 下 拉 列 表 中 选择 单个 项 ， 它 与 ListBox 
服务 器 控件 的 不 同 之 处 在 于 , 其 选项 列表 在 用 户 单 击 下 拉 按 钮 之 前 一 直 保持 隐藏 状态 。 此 外 ， 
DropDownList 控件 不 支持 多 重 选 择 模式 。 

DropDownList 控件 的 某 个 选项 被 选中 时 ， 该 控件 将 引发 SelectedIndexChanged 事件 。 默 
认 情 况 下 ， 此 事件 不 会 导致 向 服务 器 发 送 页 ， 但 可 通过 将 AutoPostBack 属性 设置 为 tue， 强 
制 该 控件 立即 发 送 。 

如 果 将 ListBox 控件 的 属性 SelectionMode 的 值 从 Single 改 为 Multiple， 将 允许 进行 多 重 
选择 ， 用 户 可 以 在 按 住 Ctrl BÈ Shift 键 的 同时 ， 单 击 以 选择 多 个 项 。 


ASPNET 3.5 网 站 开发 实例 教程 


【 例 4-5】 演 示 ListBox 控件 和 DropDownList 控件 的 使 用 。 
(1) 运行 VWD 2008， 新 建 名 为 ListBoxDropDownList 的 ASPNET 网 站 。 
(2) 切换 到 default.aspx 页 【设计 】 视 图 ， 从 【工具 箱 】 中 拖 动 1 个 DropDownList 控件 、 
1 个 ListBox 控件 和 1 个 Label 控件 到 页 面 ， 如 图 4-6 所 示 。 
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图 4-6 新 建 数据 库 


(8) 选择 DropDownListl 控件 , 单 击 右上 角 的 【智能 标记 】, 选择 【启用 AutoPostBack] , 
再 单 击 【编辑 项 …】， 弹 出 如 图 4-7 所 示 的 对 话 框 ， 单 击 【添加 】 按 钮 ， 添 加 4 个 成 员 并 设 
置 相应 的 Text 属性 值 。 


Listltem 集合 编辑 器 


图 4-7 ListItem 集合 编辑 器 


(4) 双击 DropDownListl 控件 ， 添 加 其 SelectedIndexChanged 事件 ， 代 码 如 下 : 


protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 
{ 
switch (DropDownListl .SelectedItem .Text.Trim 0 ) 
{ 
case "刘欢 "- 
ListBox1.Items.Clear(); 
ListBoxl Items.Add(" 从 头 再 来 "): 
ListBox1.Items.Add(" 少 年 壮志 不 言 悉 "); 
ListBoxl Items.Add(" 笑 傲 江 湖 "); 
break; 
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case " 腾 格 尔 " 
ListBox1.Items.Clear(); 
ListBoxl Items.Add(" 天 堂 "); 
ListBoxl .Items.Add(" 母 亲 河 的 泪水 "); 
ListBoxl Items.Add(" 可 爱 的 一 条 玫瑰 花 "); 
break: 

case " 蒋 大 伟 ": 
ListBox1.Items.Clear(); 
ListBoxl Items.Add(" 桃 花 依旧 笑 春 风 "); 
ListBox1.Items.Add(" 在 那 桃 花 盛开 的 地 方 "); 
ListBox1.Items.Add(" 骏 马 奔驰 保 边疆 "); 
break: 


) 
(5) 双击 Buttonl 控件 ， 添 加 其 Click 事件 ， 代 码 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
t 

string msg = "您 选择 的 歌曲 是 : "; 

foreach (Listltem li in ListBox1.Items) 


{ 
if (li.Selected = true) 
š 
msg += "<br >" + li.Text ; 
) 
) 


Labell.Text = msg; 
) 


(6) 选中 ListBox1 控件 ， 在 【属性 】 窗 口 设置 属性 SelectionMode 的 值 为 Multiple。 
(7) 按 CtHF5， 分 别 选择 不 同 的 选项 ， 观 看 显示 效果 。 


4.3.4 ”CheckBox( 复 选 框 ) 和 CheckBoxList( 复 选 框 列表 ) 控 件 


CheckBox 控件 和 CheckBoxList 控件 分 别 用 于 向 用 户 提供 选项 和 选项 列表 。 CheckBox 控 


件 适 合用 在 选项 不 多 且 比 较 固 定 的 情况 ， 当 选项 较 多 或 需 在 运行 时 动态 决定 有 哪些 选项 时 ， 
使 用 CheckBoxList 控件 比较 方便 。 


[J 4-6] 演示 复 选 框 控件 CheckBox 和 复 选 框 列表 控件 CheckBoxlist 的 使 用 。 
(1) 运行 VWD 2008， 新 建 名 为 CheckBoxListWebServerControl 的 网 站 。 
(2) 切换 到 Default.aspx 页 的 【设计 】 视 图 。 
G) 输入 静态 文本 “CheckBoxList 控件 演示 程序 ”， 在 【格式 】 工 具 栏 中 使 用 【 块 格式 】 


下 拉 列 表 将 该 文本 的 格式 设置 为 “标题 1”。 


(4) 添加 CheckBoxList1、Button1、CheckBox1、CheckBox2 和 Labell 这 5 个 控件 。 如 图 
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4-8 所 示 。 

_ Defaut.aspxics ` Default.aspx* r 
CheckBoxList 控 件 演示 程序 $ 

清 选择 你 所 需要 学 习 的 计算 机 语言 类 型 ， "9 

厂 Visual Basic M c# M C+ 厂 Jscrnipt M XAML 厂 Java 

CheckBoxl 确定 

改变 显示 风格 矿 改 变 字体 颜色 4 CheckBos2 3 
你 选择 的 计算 机 语言 类 型 为 ， Label il 


Q kit | 口 拆 分 | 回 源 <| <table.style3> | <tr> [<td.styles> F 
图 4-8 添加 控件 


(5) 在 【设计 】 视 图 中 ， 单 击 CheckBoxListl 控件 右上 角 的 【智能 标记 】， 切 换 到 
【CheckBoxList 任务 】 对 话 框 , 不 选择 【启用 AutoPostBack], 单 击 【 编 辑 项 ..….】, 出 现 【ListItem 
集合 编辑 器 】， 单 击 【添加 】 按 钮 ， 添 加 成 员 Listttem0 一 Listftem5， 分 别 将 其 属性 Text 值 设 
置 为 Visual Basic、C#、C++、Jscript、XMAL、Java。 其 HTML 代码 如 下 : 


<asp:CheckBoxListID= ”CheckBoxListl” runat=”server” RepeatDirection 一 Horizontal” 
onselectedindexchanged= "CheckBoxListl_SelectedIndexChanged > 
<asp:ListItem>Visual Basic</asp:ListItem> 
<asp:ListItem>c#</asp:ListItem> 
<asp:ListItem>C++</asp:ListItem> 
<asp:ListItem>Jscript</asp:ListItem> 
<asp:ListItem>XAML</asp:ListItem> 
<asp:ListItem>Java</asp:ListItem> 
</asp:CheckBoxList> 


(6) 设置 Buttonl 控件 的 Text 属性 值 为 “确定 ”，CheckBoxl 控件 的 Text 属性 值 为 “ 改 
变 显 示 风 格 ”,CheckBox2 控件 的 Text 属性 值 为 “改变 字体 颜色 ”。 如 图 4-8 所 示 。 

(7) 在 【设计 】 视 图 中 ， 分 别 双击 CheckBoxl, CheckBox2 和 Buttonl 控件 ， 切 换 到 代码 
视图 ， 添 加 如 下 所 示 的 代码 。 


protected void Button1_Click(object sender, EventArgs e) 
+ 
string str = "选择 结果 : "; 
Labell.Text = ""; 
for (int i = 0; i < CheckBoxList] .Items.Count; i++) 
{ 
if (CheckBoxList1.Items[i].Selected) 
{ 
/Labell.Text+= CheckBoxList] Items[i]. Text + " <br/> "; 
str += CheckBoxList] Items[i] Text +", "; 


$ 
if (str-EndsWith(", ") — true) str = str.Substring(0, str.Length - 1): 
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) 


Labell. Text = str; 
让 6t 一 "选择 结果 : 9 
í 
string scriptString = "alert( 请 作出 选择 ! 7:": 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "warning!", 
scriptString, true); 


else 


Labell.Visible = true; 
Labell.Text = str; 
) 


protected void CheckBox1_CheckedChanged(object sender, EventArgs e) 


{ 


) 


this. CheckBoxList1.BackColor = 
CheckBox1.Checked ? System. Drawing.Color.Beige : System .Drawing.Color Azure; 
CheckBoxListl.RepeatDirection = 
CheckBox1.Checked ? RepeatDirection.Horizontal : RepeatDirection. Vertical; 


protected void CheckBox2_CheckedChanged(object sender, EventArgs e) 


{ 


} 
(8) 按 CtIHF5， 观 看 显示 效果 。 


4.3.5 Image 和 ImageMap 控件 


if (CheckBox2.Checked) 

{ 

this.CheckBoxListl.ForeColor = System. Drawing.Color.Red: 
Labell.ForeColor = System Drawing.Color.Red:; 


else 


this CheckBoxList1.ForeColor = System. Drawing.Color.Black: 
Labell ForeColor = System. Drawing.Color.Black: 


ASP.NET 3.5 包含 两 个 图 形 控件 ， 一 个 是 Image 控件 ， 一 个 是 ImageMap 控件 。 


(1) Image 服务 器 控件 使 用 户 可 以 在 ASPNET 网 页 上 显示 图 像 ， 并 用 


自己 的 代码 管理 这 


些 图 像 。 可 以 在 设计 时 或 运行 时 以 编程 方式 为 Image 对 象 指定 图 形 文件 。 还 可 以 将 控件 的 


ImageUrl 


属性 绑 定 到 一 个 数据 源 ， 以 根据 数据 库 信息 显示 图 形 。 


与 大 多 数 其 他 服务 器 控件 不 同 ，Image 控件 不 支持 任何 事件 。 例 如 ，Image 控件 
鼠标 单 击 事件 。 实 际 上 ， 可 以 通过 使 用 ImageMap 或 ImageButton 控件 来 创建 交互 式 


不 响应 


图 像 。 
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(2) Imagemap 说 白 了 就 是 一 种 图 形 ， 包 括 许 多 不 同 部 分 ， 将 鼠标 指针 指 在 图 形 的 各 个 部 
分 ， 点 一 下 鼠标 左 键 ， 就 可 以 进入 另 一 个 超级 链接 的 页 面 。 

Imagemap 不 一 定 要 真 的 是 map， 可 以 是 任何 图 形 。 比 如 一 张 脸 ， 将 鼠标 点 在 眼睛 上 就 
出 现 关于 眼睛 的 页 面 ， 点 在 鼻子 上 就 出 现 鼻 子 的 页 面 (很 适合 做 成 整容 外 科 的 网 页 吧 ! )， 也 
是 一 种 ImageMap。 

ImageMap 控件 由 两 个 元 素 组 成 。 第 一 个 是 图 像 ， 它 可 以 是 任何 标准 Web 图 形 格式 的 图 
形 ， 如 .gif、:jpg 或 png 文件。 

第 二 个 元 素 是 HotSpot( 作 用 点 ) 控 件 的 集合 。 每 个 作用 点 控件 都 是 一 个 类 型 为 
CircleHotSpot、RectangleHotSpot 或 PolygonHotSpot 的 不 同 项 。 对 于 每 个 作用 点 控件 ， 都 要 定 
义 用 于 指定 该 作用 点 的 位 置 和 大 小 的 坐标 。 例如， 如 果 创 建 一 个 CircleHotSpot 控件 ， 则 需要 
定义 圆心 的 x 和 y 坐标 以 及 圆 的 半径 。 

响应 用 户 单 击 : 每 一 个 作用 点 都 可 以 是 一 个 单独 的 超 链接 或 回 发 事件 。 可 以 指定 用 户 单 
击 作用 点 时 发 生 的 事件 ， 可 以 将 每 个 作用 点 配置 为 可 以 转 到 为 该 作用 点 提供 的 URL 的 超 链 
接 。 或 者 ， 也 可 以 将 控件 配置 为 在 用 户 单 击 某 个 作用 点 时 执行 回 发 ， 并 可 为 每 个 作用 点 提供 
一 个 惟一 值 。 回 发 会 引发 ImageMap 控件 的 Click 事件 。 在 事件 处 理 程序 中 ,可 以 读 取 分 配给 
每 个 作用 点 的 惟一 值 。 

【 例 4-7】 演 示 Image 控件 和 ImageMap 控件 的 使 用 。 

(1) 运行 VWD 2008， 新 建 一 个 名 为 ImageMapWebServerControl 的 ASPNET 网 站 。 

在 网 站 的 的 根 目录 下 新 建 名 为 shared 的 文件 来， 再 在 shared 文件 夹 中 新 建 名 为 images 
的 文件 夹 ， 将 准备 好 的 图 片 复制 到 images 文件 夹 中 。 

(2) 切换 到 Default.aspx 页 的 【设计 】 视 图 。 

(3) 输入 静态 文本 “ImageMap 控件 导航 示例 ”、“ 单 击 某 个 行星 图 片 可 看 其 更 大 的 图 片 ”， 
在 【格式 】 工 具 栏 中 使 用 【 块 格式 】 下 拉 列 表 将 该 文本 的 格式 设置 为 “标题 1”。 

(4) 如 图 4-9 所 示 ， 添 加 ImageMapl, Imagel 和 Image2 这 3 个 控件 。 

sss -x 


ImageMap 控件 导航 示例 
单 击 单 击 某 个 行星 图 片 可 看 其 更 大 的 图 片 


#solars; 


| [ sspiImage#Image1 


asp:Image#Image2 
p 区 


aiit | 口 拆 分 | 88 < |Sespimagemapesolersys> p| 


图 4-9 添加 ImageMap 控件 和 Imase 控件 


(5) 在 【设计 】 视 图 中 ， 单 击 ImageMap 控件 ， 在 其 【属性 】 窗 口 ， 设 置 属性 值 为 : 
id="solarsys", imageurl="—/shared/images/solarsys.gif". alternatetext="Solar System( 太 阳 系 ) ", 
再 单 击 【HotSpots】( 作 用 点 ) 属 性 框 来 显示 【HotSpots 集合 编辑 器 】 对 话 框 ， 单 击 【 添 加 】 按 
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钮 旁边 的 箭头 按钮 来 选择 要 创建 的 作用 点 类 型 (CircleHotSpot 、RectangleHotSpot 、 


PolygonHotSpot)， 如 图 4-10 所 示 ， 添 加 10 个 成 员 ， 并 根据 如 下 所 示 的 语法 设置 其 相应 属性 。 
HotSpot 集合 编辑 器 > 
成 员 (M) CircleHotSpot 属性 (BP): 
FE 
TabIndex 0 a 
+a 1 
Radius 15 
x 90 
CircleHotSpot Y 61 
CircleHotSpot 日 行为 =z 
CircleHotSpot AlternateText Mercury (KE) 
CircleHotSpot HotSpotMode Navigate 
NavigakteUrl ~/shared/images/mercury.gif 
— PostBackyalue 
[Se | rage blank 图 
| me || Bin 


图 4-10 为 ImageMap 控件 添加 HotSpot 热 区 
ImageMap 控件 的 HTML 语法 如 下 : 


<asp:imagemap id="solarsys" — imageurl="—/shared/images/solarsys.gif" width="0px" 
height="0px" alternatetext="Solar System( 太 阳 系 ) " runat="Server" onclick="solarsys_Click"> 
<asp:rectanglehotspot altematetext="Sun( 太 阳 ) " left="0" top="0" right="76" bottom="122" 
hotspotmode="Navigate" navigateurl="~/shared/images/sun.gif" target="_blank" /> 
<asp:circlehotspot navigateurl="~/shared/images/mercury.gif"' x="90" y="61" radius="15" 
hotspotmode="Navigate" alternatetext="Mercury(/KÆ)" target="_blank" /> 
<asp:circlehotspot navigateurl="~/shared/images/venus.gif" x="124" y="61" radius="18" 
hotspotmode="Navigate" alternatetext="Venus( 爹 星 )" target="_blank" /> 
<asp:circlehotspot navigateurl="~/shared/images/earth.gif' x="163" y="61" radius="23" 
hotspotmode="Navigate” altematetext="Earth( 地 球 )"” target="_blank" /> 
<asp:circlehotspot navigateurl="~/shared/images/mars.gif’ x="201" y="61" radius="14" 
hotspotmode="Navigate" alternatetext="Mars( KÆ)" target="_blank" > 
<asp:circlehotspot navigateurl="~/shared/images/jupiter.gif x="256" y="61" radius="40" 
hotspotmode="Navigate" altematetext="Jupiter( 木 星 ) " target="_blank" /> 
<asp:circlehotspot navigateurl="~/shared/images/satum.gif' x="328" y="61" radius="35" 
hotspotmode="Navigate" altematetext="Saturn( +- Bš) " target="_blank" > 
<asp:circlehotspot navigateurl="—/shared/images/uranus. gif" x="392" y="61" radius="30" 
hotspotmode="Navigate" alternatetext="Uranus( K E Bš) " target="_blank" /> 
<asp:circlehotspot navigateurlł="~/shared/images/neptune.gif" x="443" y="61" radius="24" 
hotspotmode="Navigate" alternatetex{="Neptune( 海 王 星 ) " target="_blank" /> 
<asp:circlehotspot navigateurł="~/shared/images/pluto.gif" x="480" y="61" radius="13" 
hotspotmode="Navigate" altenatetext="Pluto( = £ Æ) " target="_blank" > 
</asp:imagemap> 


提示 : 
HotSpots( 作 用 点 ) 的 坐标 以 像素 为 单位 ， 在 Windows 的 【 盏 图】 程序 中 打开 ， 任 选 一 种 
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画图 工具 , 移动 鼠标 , 在 下 部 状态 栏 中 可 看 到 当前 鼠标 所 在 处 的 像素 点 的 坐标 , 如 图 4-11 所 示 。 


solarsys.gif - tm Ps 
XO 编辑 (E) 查看 (W) 图 像 (D 颜色 (CO) 帮助 (H) 


当前 像素 点 学 
要 获得 帮助 ,请 在 "帮助 菜单 中 , 单 击 " 守 助 主题 


图 4-11 利用 【画图 】 程序 寻找 图 像 当前 光标 处 的 像素 点 坐标 


(6) Image1 控件 的 属性 设置 为 : ImageUr="~/shared/images/ 水 果 1.jpg"，Image2 控件 的 属 
性 设置 为 ，ImageUrl="~/shared/images/ 水 果 2.jpe"。 
(7) 按 CtlHF5S， 观 看 显示 效果 。 


4.3.6 RadioButton 和 RadioButtonList 服务 器 控件 


在 向 ASPNET 网 页 添加 单 选 按钮 时 ， 可 以 使 用 两 种 服务 器 控件 : 单个 RadioButton 控件 
或 RadioButtonList 控件 。 这 两 种 控件 都 允许 用 户 从 一 小 组 互相 排斥 的 预定 义 选 项 中 进行 选 
择 。 这 些 控件 允许 定义 任意 数目 带 标签 的 单 选 按钮 ， 并 将 它们 水 平 或 垂直 排列 。 

每 类 控件 都 有 各 自 的 优点 。 单 个 RadioButton 控件 使 用 户 可 以 更 好 地 控制 单 选 按钮 组 的 
布局 。 例 如 ， 可 以 在 各 单 选 按钮 之 间 加 入 文本 ( 即 非 单 选 按钮 文本 )。 

RadioButtonList 控件 不 允许 在 按钮 之 间 插 入 文本 ， 但 如 果 想 将 按钮 绑 定 到 数据 源 ， 使 用 
这 类 控件 要 方便 得 多 。 在 编写 代码 以 检查 所 选 定 的 按钮 方面 ， 它 也 稍微 简单 一 些 。 

1. 对 单 选 按钮 分 组 


单 选 按钮 很 少 单独 使 用 ， 而 是 进行 分 组 以 提供 一 组 互 斥 的 选项 。 在 一 个 组 内 ， 每 次 只 能 
选择 一 个 单 选 按钮 。 可 以 用 下 列 方 法 创建 分 组 的 单 选 按钮 
(1) 先 向 页 面 中 添加 单个 的 RadioButton 控件 ， 然 后 将 所 有 这 些 控件 手动 分 配 到 一 个 组 
中 。 有 具有 相同 组 名 的 所 有 单 选 按钮 视 为 单个 组 的 组 成 部 分 。 

(2) 向 页 面 中 添加 一 个 RadioButtonList 控件 。 该 控件 中 的 列表 项 将 自动 进行 分 组 。 


2. RadioButton 事件 


在 单个 RadioButton 控件 和 RadioButtonList 控件 之 间 ， 事 件 的 工作 方式 略 有 不 同 。 
个 RadioButton 控件 在 用 户 单 击 该 控件 时 引发 CheckedChanged 事件 。 默 认 情 况 下 ， 这 
一 事件 并 不 导致 向 服务 器 发 送 页 面 ， 但 通过 将 AutoPostBack 属性 设置 为 tue， 可 以 使 该 控件 
强制 立即 发 送 。 

与 单个 的 RadioButton 控件 相反 ，RadioButtonList 控件 在 用 户 更 改 列表 中 选 定 的 单 选 按 
钮 时 会 引发 SelectedIndexChanged 事件 。 默 认 情况 下 ， 此 事件 并 不 导致 向 服务 器 发 送 窗 体 ， 


F. 


pia 
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但 可 以 通过 将 AutoPostBack 属性 设置 为 tue 来 指定 此 选项 。 
【 例 4-8】 演 示 单 选 按钮 控件 RadioButton 和 单 选 按钮 列表 控件 RadioButtonList 使 用 。 

(1) 运行 VWD 2008， 新 建 名 为 RadioButtonListWebServerControl 的 ASPNET 网 站 。 

在 网 站 的 根 目录 下 新 建 名 为 shared 的 文件 夹 ， 再 在 shared 文件 夹 中 新 建 名 为 images 的 
文件 夹 ， 将 准备 好 的 图 片 复制 到 images 文件 夹 中 。 

(2) 切换 到 Default.aspx 页 的 【设计 】 视 图 ， 如 图 4-12 所 示 。 

G) 输入 静态 文本 “请 输入 您 的 信息 : ”， 在 【格式 】 工 具 栏 中 使 用 【 块 格式 】 下 拉 列 
表 将 该 文本 的 格式 设置 为 “标题 1”。 

(4) 输入 静态 文本 “姓名 ”、“ 性 别 ”、“ 您 想 看 的 行星 图 片 ”" 和 RadioButtonList Example, 

(5) 从 工具 栏 中 依次 将 控件 拖 动 到 设计 视图 ， 添 加 TextBoxl RadioButton! 和 
RadioButton2 这 3 个 控件 。 

(6) 在 VWD 2008 中 的 【 表 】 菜 单 上 ， 单 击 【插入 表 】， 出 现 【插入 表格 】 对 话 框 。 

(7) 设置 行 数值 为 1， 列 数值 为 2， 单元 格 衬 距 值 为 2， 单 元 格 间距 值 为 0， 边框 粗细 值 
为 1， 边框 颜色 值 为 姓 FOOFF， 单 击 【 确 定 】 按 钮 , 【设计 】 视 图 上 出 现 一 个 1 行 2 列 的 表格 。 


i Defaukt.aspx,cs ` Default.aspx* | "x 
" sP TextBoxl a 
ma DLDA-E-M aa | 
EN £s C k*— RadioButton? | 


您 想 看 的 行星 图 片 


[3 wit |an aa + [<asp:RadioButtontist#myti..>] > 


图 4-12 按钮 控件 


(8) 从 工具 栏 中 依次 将 控件 拖 动 到 表格 的 各 单元 格 中 , 也 可 先 在 表格 的 各 单元 格 中 单 击 ， 
再 在 工具 栏 中 相应 的 控件 上 双击 添加 控件 。 在 第 1 列 中 添加 RadioButtonListl 控件 ， 在 第 2 
列 中 添加 Labell 、Imagel、Buttonl 和 Button2 控件 。 

(9) 属性 设置 。 


RadioButton] 控件 的 属性 设置 为 ID="RadioButtonMale"、GroupName="sex"、Text=" 男 "、 
Checked="True"; 

RadioButton2 控件 的 属性 设置 为 : ID="RadioButtonFemale". GroupName="sex", Text="#"; 

RadioButtonListl 控件 的 属性 设置 为 :id="myList"、RepeatColumns="2"; 

Labell 控件 的 属性 设置 为 :id="mseg"; 

Imagel 控件 的 属性 设置 为 : id="Image"; 

Buttonl 控件 的 属性 设置 为 : ID="Button1"、Text="View"; 

Button2 控件 的 属性 设置 为 : ID="ButtonOK"、onclick="ButtonOK_Click"、Text=" 确 定 "; 


(10) 在 【设计 】 视 图 中 ， 单 击 RadioButtonListl 控件 右上 角 的 【智能 标记 】， 切 换 到 
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【RadioButtonList 任务 】 对 话 框 ， 不 选择 【启用 AutoPostBack】， 单 击 【 编 辑 项 ...】， 出 现 
【ListItem 集合 编辑 器 】， 如 图 4-13 所 示 ， 单 击 【 添 加 】， 添 加 成 员 ListItem0~ListItem8, 
分 别 将 其 属性 Text 值 设置 为 “Earth 地 球 ”、“Jupiter KÆ” ~ “Mars KÆ” ~ “Mercury 
水 星 ”、“Neptune 海王 星 ”、“Pluto 冥王 星 ”、“Satum 土星 ”、“Uranus KB”. “Venus 
金星 ”, 分 别 将 其 属性 Value 值 设 置 为 earth.gif、 jupiter.gif、 mars.gif、 mercury.gif、 neptune.gif、 
pluto.gif、saturn.gif、uranus.gif、venus.gif。 其 主要 的 HTML 代码 如 下 所 示 。 


I 


<asp:RadioButtonList id="myList" runat="server" RepeatColumns="2"> 
asp:listitem selected="True" value="earth.gif" text="Earth 地 球 "> 
<asp:listitem value="jupiter gif" text="Jupiter 木星 "> 
<asp:listitem value="mars.gif" text="Mars 火星 "> 
<asp:listitem value="mercury.gif" text="Mercury 水 星 "/> 
<asp:listitem value="neptune.gif" text="Neptune 海王 星 "/> 
<asp:listitem value="pluto.gif" text="Pluto 冥王 星 "> 
<asp:listitem value="satum.gif" text="Satum 土星 "> 
<asp:listitem value="uranus.gif' text="Uranus 天 王 星 "> 
<asp:listitem value="venus.gif" text="Venus 金星 "/> 
</asp:RadioButtonList> 


TUistltem IE A ia fi aF 


图 4-13 J RadioButtonList 控件 添加 成 员 


(11) 添加 事件 的 处 理 程序 代码 。 


Protected void ButtonOK Click(object sender, EventArgs e) 
{ 

string strl, str2, str3= ""; 

if (TextBox1.Text = "") 


{ 
string scriptString = "alert( 用 户 名 不 能 为 空 ! ); "; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType()."waming", scriptString, true); 
) 
else 
{ 


strl = TextBox1.Text; 
if (RadioButtonMale.Checked) 
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{ st2=" 男 ";} 
else 
{st2=" 女 ";} 
str3 = this .myList.SelectedItem Text; 
string scriptContent="alert(' 您 提供 的 信息 是 : PE 4: "+strl+ 
" 性 别 : "st2+" 选择 的 行星 图 片 是 : "+str3+" "; 
Page.ClientScript.RegisterClientScriptBlock(this.GetTypeO,"success", scriptContent, true); 
J 
) 
void Page Load ( object src, EventArgs e ) 
{ 
if (!Page.IsCallback) 
{ 
if (myList.SelectedIndex > -1) 


{ 
msg.Text = myList.SelectedItem. Text; 
Image.ImageUrl = "~/shared/images/" + myList. SelectedItem. Value; 
Image.AlternateText = myList. SelectedItem. Text; 


} 
(12) 按 CtHHF5， 观 看 显示 效果 。 
43.7 MultiView 和 View 控件 


MultiView 和 View 控件 可 以 制作 出 选项 卡 的 效果 ,MultiView 控件 用 作 一 个 或 多 个 View 
控件 的 外 部 容器 。View 控件 又 可 包含 标记 和 控件 的 任何 组 合 。 

如 果 要 切换 视图 ， 可 以 使 用 控件 的 ID 或 者 View 控件 的 索引 值 。 在 MultiView 控件 中 ， 
一 次 只 能 将 一 个 View 控件 定义 为 活动 视图 。 如 果 某 个 View 控件 定义 为 活动 视图 , 它 所 包含 
的 子 控件 则 会 呈现 到 客户 端 , 可 以 使 用 ActiveViewIndex 属性 或 SetActiveView 方法 定义 活动 
视图 。 如 果 ActiveViewIndex 属性 为 空 , 则 MultiView 控件 不 向 客户 端 呈现 任何 内 容 。 如 果 活 
动 视图 设置 为 MultiView 控件 中 不 存在 的 View， 则 会 在 运行 时 引发 
ArgumentOutOfRangeException。 下 面 介 绍 一 些 常 用 的 属性 、 方 法 。 

ActiveViewIndex 属性 : 用 于 获取 或 设置 当前 被 激活 显示 的 View 控件 的 索引 值 。 默 认 值 
为 - 1， 表 示 没 有 View 控件 被 激活 。 

SetActiveView 方法 : 用 于 激活 显示 特定 的 View 控件 。 

ActiveViewChanged 事件 ， 当 视图 切换 时 被 激发 。 

MultiView 控件 一 次 显示 一 个 View 控件 ， 并 公开 该 View 控件 内 的 标记 和 控件 。 通 过 设 
置 MultiView 控件 的 ActiveViewIndex 属性 ， 可 以 指定 当前 可 见 的 View 控件 。 

呈现 View 控件 内 容 : 未 选择 某 个 View 控件 时 ,该 控件 不 会 呈现 到 页 面 中 。 但 是 , 每 次 
呈现 页 面 时 都 会 创建 所 有 View 控件 中 的 所 有 服务 器 控件 的 实例 ， 并 且 将 这 些 实例 的 值 存储 
为 页 面 的 视图 状态 的 一 部 分 。 
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无 论 是 MultiView 控件 还 是 各 个 View 控件 ， 除 当前 View 控件 的 内 容 外 ,都 不 会 在 页 
中 显示 任何 标记 。 例 如 ， 这 些 控件 不 会 以 与 Panel 控件 相同 的 方式 来 呈现 div 元 素 。 这 些 控件 
也 不 支持 可 以 作为 一 个 整体 应 用 于 当前 View 控件 的 外 观 属 性 。 但 是 可 以 将 一 个 主题 分 配给 
MultiView 或 View 控件 ， 控 件 将 该 主题 应 用 于 当前 View 控件 的 所 有 子 控件 。 
引用 控件 : 每 个 View 控件 都 支持 Controls 属性 , 该 属性 包含 该 View 控件 中 的 控件 集合 。 
也 可 以 在 代码 中 单独 引用 View 控件 中 的 控件 。 

在 视图 间 导 航 : 除了 通过 将 MultiView 控件 的 ActiveViewIndex 属性 设置 为 要 显示 的 
View 控件 的 索引 值 可 以 在 视图 间 导 航 外 ，MultiView 控件 还 支持 可 以 添加 到 每 个 View 控件 
的 导航 按钮 。 

若 要 创建 导航 按钮 ， 可 以 向 每 个 View 控件 添加 一 个 按钮 控件 (Button、LinkButton 或 
ImageButton)。 然后 可 以 将 每 个 按钮 的 CommandName 和 CommandArgument 属性 设置 为 保留 
值 以 使 MultiView 控件 移动 到 另 一 个 视图 。 

【 例 4-9】View 和 MultiView 控件 示例 。 

(1) 运行 VWD 2008， 新 建 名 为 MultiViewWebServerControl 的 ASP.NET 网 站 。 

(2) 在 网 站 根 目 录 下 ， 添 加 新 页 面 MultiViewControlaspx。 

(3) 切换 到 MultiViewControlaspx 页 的 【设计 】 视 图 。 

(4) 输入 静态 文本 “ 按 书 名 、 类 别 或 出 版 社 搜索 ? ”， 如 图 4-14 所 示 ， 添 加 3 个 
RadioButton 控件 到 页 面 上 。 切 换 到 【 源 】 视 图 ， 修 改 其 HTML 代码 为 : 


按 书 名 、 类 别 或 出 版 社 搜索 ? 全 
个 书 名 个 类 别 C 出 版 社 
asp:MukiView#MukiViewl 

[ MultiView1 


| ViewProductSearch 

MABE: 

L - 
ViewCategorySearch 


asp: View#viewPublisher 


i ViewPublisher 
: TextBox#textPublisher 
输入 出 版 社 名 : se 


— 3 
- height: (22px) 
[B]na | 回 源 [el [<asp:TextBox#textPublshei y. 
图 4-14 添加 控件 


<asp:RadioButton ID="radioProduct" runat="server" autopostback="true" 
GroupName="SearchType" ”Text=" 书 名 " 
OnCheckedChanged="radioButton CheckedChanged" /> &nbsp; 

<asp:RadioButton ID="radioCategory" runat="server" autopostback="true" 
GroupName="SearchType" ”Text=" 类 别 " 
OnCheckedChanged="radioButton CheckedChanged" /> 

<asp:RadioButton ID="radioPublisher" runat="server" AutoPostBack="True" 
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GroupName="SearchType" ”Text=" 出 版 社 " 
oncheckedchanged="radioButton CheckedChanged" /> 


请 注意 将 3 个 RadioButton 的 CheckChanged 事件 的 处 理 程序 设置 为 
oncheckedchanged="radioButton CheckedChanged"， 这 样 单 击 任 一 RadioButton， 响 应 它们 的 
处 理 程 序 是 相同 的 。 

(5) 如 图 4-14 所 示 ， 从 工具 箱 的 【标准 】 选 项 卡 中 ， 拖 动 【MultiView】 控 件 到 页 面 上 ， 
再 拖 到 3 个 View 控件 到 【MultiView】 上 ， 拖 动 一 个 Button 控件 到 页 面 上 。 

分 别 单 击 三 个 View 控 件 , 将 其 ID 属性 分 别 改 为 viewProductSearch、ViewCategorySearch、 
ViewPublisher; 分别 直接 输入 静态 文本 “输入 书 名 ”、“ 输 入 类 别 ”、“ 输 入 出 版 社 名 ”; 
从 工具 箱 的 “标准 ”选项 卡 中 ， 拖 动 3 个 Textbox 控件 分 布 到 3 个 View 控件 上 ， 将 其 ID 属 
性 分 别 改 为 textProductName、textCategory、textPublisher。 

(6) 切换 到 【 源 】 视 图 中 ， 可 看 到 如 下 所 示 的 代码 。 


<asp:MultiView ID="MultiView1" runat="server"> <br > 
<asp: View ID="viewProductSearch" runat="server"> 
HABE: <asp:TextBox ID="textProductName" runat="server"> </asp:TextBox> 
</asp:View> <br /> 
<asp:View ID="viewCategorySearch" runat="server"> 
和 输入 类 别 : <asp:TextBox ID="textCategory" runat="server"> </asp:TextBox> 
</asp:View> <br /> 
<asp: View ID="ViewPublisher" runat="server"> 
输入 出 版 社 名 : <asp:TextBox ID="textPublisher" runat="server"></asp:TextBox> 
</asp:View> 
</asp:MultiView> 


(7) 设置 Buttonl 控件 的 标记 如 下 所 示 : 
<asp:Button ID="btnSearch" OnClick="Button1 Click" runat="server" Text="Search" /> 


(8) 切换 到 MultiViewControlaspx.cs， 在 “类 ”体内 添加 如 下 所 示 的 代码 。 


public enum SearchType 
NotSet = -1, 
Products = 0, 
Category = 1, 
Publisher = 2 
} 
protected void Page Load(object sender, EventArgs e) 
t 


TadioProductChecked = true; 
MultiView1.ActiveViewIndex = 0; 
} 
protected void Buttonl Click(Object sender, System.EventArgs e) 
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if (MultiView1.ActiveViewIndex > -1) 
{ 
SearchType mSearchType = (SearchType)MultiView1.ActiveViewIndex: 
switch (mSearchType) 
{ 
case SearchType.Products: 
DoSearch(textProductName.Text, mSearchType): 
break; 
case SearchType.Category: 
DoSearch(textCategory.Text, mSearchType); 
break; 
case SearchType.Publisher: 
DoSearch(textPublisher. Text, mSearchType); 
break; 
case SearchType.NotSet: 
break; 


protected void DoSearch(String searchTerm, SearchType type) 


{ 
// Code here to perform a search. 
string scriptString = "alert("+" 您 输入 的 "+searchTerm+");"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "success", scriptString, true); 
// Response.Write(" 您 输入 的 "+ searchTerm ); 

) 


protected void radioButton CheckedChanged(Object sender, System.EventArgs e) 
t 


if (radioProduct.Checked) 
{ 

MultiView1.ActiveViewIndex = (int)SearchType.Products: 
} 
else if (radioCategory.Checked) 
{ 

MultiView1.ActiveViewIndex = (int)SearchType.Category; 
$ 
else if (radioPublisher.Checked) 
{ 

MultiView1.ActiveViewIndex = (int)SearchType.Publisher; 
) 
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(9) 按 CtlHF5， 观 看 程序 运行 效果 。 
4.3.8 AdRotator( 广 告 控件 ) 服 务 器 控件 


AdRotator 服务 器 控件 提供 一 种 在 ASP.NET 网 页 上 显示 广告 的 方法 。 该 控件 可 显示 .gif 
文件 或 其 他 图 形 图 像 。 当 用 户 单 击 广告 时 ， 系 统 会 将 他 们 重 定向 到 指定 的 目标 URL, 

AdRotator 服务 器 控件 可 从 数据 源 (通常 是 XML 文件 或 数据 库 表 ) 提 供 的 广告 列表 中 自动 
读 取 广 告 信息 ， 如 图 形 文件 名 和 目标 URL。 用 户 可 以 将 信息 存储 在 一 个 XML 文件 或 数据 库 
表 中 ， 然 后 将 AdRotator 控件 绑 定 到 该 文件 。 

AdRotator 控件 会 随机 选择 广告 ， 每 次 刷新 页 面 时 都 将 更 改 显示 的 广告 。 广 告 可 以 加 权 
以 控制 广告 条 的 优先 级 别 ， 这 可 以 使 某 些 广告 的 显示 频率 比 其 他 广告 高 。 也 能 编写 在 广告 间 
循环 的 自 定义 逻辑 。 

AdRotator 控件 的 所 有 属性 都 是 可 选 的 。XML 文件 中 可 以 包括 下 列 属性 。 

e ImageUrl: 要 显示 的 图 像 的 URL. 

e NavigateUrl: 单 击 AdRotator 控件 时 要 转 到 的 网 页 的 URL, 

e AltemateText: 图 像 不 可 用 时 显示 的 文本 。 

e Keyword: 可 用 于 筛选 特定 广告 的 广告 类 别 。 

e Impressions: 一 个 指示 广告 的 可 能 显示 频率 的 数值 (加 权 数 值 )。 在 XML 文件 中 ， 所 

有 Impressions 值 的 总 和 不 能 超过 2.048.000.000 - 1。 
e° Height: 广告 的 高 度 (以 像素 为 单位 )。 此 值 会 重 写 AdRotator 控件 的 默认 高 度 设置 。 
e Width: 广告 的 宽度 (以 像素 为 单位 )。 此 值 会 重 写 AdRotator 控件 的 默认 宽度 设置 。 
【 例 4-10】 使 用 AdRotator 服务 器 控件 显示 数据 库 中 的 广告 。 

(1) 新 建 名 为 AdRotatorXmlSource 文件 系统 网 站 。 

(2) 在 网 站 根 目录 下 新 建 名 为 Images 的 文件 来， 将 准备 好 的 广告 图 片 复制 到 该 文件 夹 。 

G) 在 网 站 的 App Data 文件 夹 中 新 建 名 为 AdDataSource.ads 的 XML 文件 。 

为 了 更 好 地 保证 安全 ， 请 将 该 文件 的 文件 扩展 名 命名 为 除 .xml 之 外 的 名 称 ， 如 .ads。 建 
议 将 广告 文件 放置 在 App_Data 文件 夹 中 ， 因 为 ASP.NET 可 防止 浏览 器 利用 该 文件 夹 中 的 
文件 。 

(4) 向 广告 信息 文件 中 添加 下 列 XML 元 素 : 


<?xml version="1.0" encoding="utf-8" ?> 
<Advertisements xmlns="http://schemas.microsoft.com/AspNet/AdRotator-Schedule-File"> 
</Advertisements> 


(5) 在 Advertisements 元 素 中 ， 为 每 个 要 包括 在 广告 列表 中 的 广告 创建 一 个 Ad 元 素 ， 然 
后 保存 文件 。 


<?xml version="1.0" encoding="utf-8" ?> 
<Advertisements xmlns="http://schemas microsoft.com/AspNet/AdRotator-Schedule-File"> 
<Ad> 
<ImageUrl>~/images/baidu.gif</ImageUrl> 
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<NavigateUrl>http://www.baidu.com</NavigateUrl> 
<AlternateText>Ad for baidu, Ltd. Web site</AlternateText> 
<Impressions>100</Impressions> 


</Ad> 
<Ad> 


<ImageUrl>~/images/google.gif</ImageUrl> 
<NavigateUrl>http://www.google.com</NavigateUrl> 
<AltemateText>Ad for Google Web site</AlternateText> 
<Impressions>50</Impressions> 


< 人 /Ad> 
</Advertisements> 


(6) 切换 到 default.aspx, 
所 示 。 


在 网 页 上 要 显示 广告 的 位 置 放置 一 个 AdRotator。 如 图 4-15 


_ Default.aspx.cs ` Default.aspx* | Se 
adrotator#Adrotator 


PE AdRotator 任务 
选择 数据 源 ，| (无 


G Rit | 口 拆 分 | 回 源 | 4|<asp:adrotator#adrotatorl> 


图 4-15 AdRotator 控件 


(7) 单 击 AdRotator 控件 的 【智能 标记 】， 选 择 【 新 建 数据 源 …】， 选 择 【xml 文件 】， 
单 击 【确定 】， 在 【配置 数据 源 】 对 话 框 中 ， 将 【数据 文件 】 输 入 框 设置 为 


~/App_Data/AdDataSource.ads, 


最 后 单 击 【确定 】。 


(8) 测试 广告 。 按 Ctl+F5 运行 该 页 。 单 击 几 次 浏览 器 的 【刷新 】 按 钮 可 显示 不 同 的 广告 
信息 。 出 现 的 广告 是 随机 变化 的 。 


4.3.9 Literal 控件 和 Panel 控件 
Literal 控件 和 Panel 控件 均 可 作为 容器 控件 ， 但 二 者 的 适用 场合 不 同 ， 下 面 分 别 介 绍 。 


1. Literal 控件 


Literal 控件 可 以 作为 页 面 上 其 他 内 容 的 容器 ， 最 常用 于 向 页 面 中 动态 添加 内 容 。 


对 于 静态 内 容 ， 无 需 使 


容器 ， 可 以 将 标记 作为 HTML 直接 添加 到 页 面 中 。 但是， 如 果 


要 动态 添加 内 容 , 则 必须 将 内 容 添 加 到 容器 中 。 典 型 的 容器 有 Label 控件 、Literal 控件 、Panel 


控件 和 PlaceHolder 控件 。 
Literal 控件 与 Label 控件 


的 区 别 在 于 Literal 控件 不 向 文本 中 添加 任何 HIML It (Label 


控件 呈现 一 个 span 元 素 。) 因 


E, Literal 控件 不 支持 包括 位 置 属性 在 内 的 任何 样式 属性 。 但 


是 ，Literal 控件 允许 指定 是 否 对 内 容 进行 编码 。 
Panel 和 PlaceHolder 控件 呈现 为 div 元 素 , 这 将 在 页 面 中 创建 离散 块 , 与 Label 和 Literal 
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控件 进行 内 婴 呈 现 的 方式 不 同 。 
通常 情况 下 ， 当 希望 文本 和 控件 直接 呈现 在 页 面 中 而 不 使 用 任何 附加 标记 时 ， 可 使 用 
Literal 控件 。 
Literal 控件 常用 的 属性 是 Mode 属性 ， 该 属性 用 于 指定 控件 对 用 户 所 添加 的 标记 的 处 理 
方式 。 可 以 将 Mode 属性 设置 为 以 下 值 。 
o Transformm.: 将 对 添加 到 控件 中 的 任何 标记 进行 转换 ， 以 适应 请 求 浏览 器 的 协议 。 如 
果 向 使 用 HTML 外 的 其 他 协议 的 移动 设备 呈现 内 容 ， 此 设置 非常 有 用 。 
e PassThrough.: 添加 到 控件 中 的 任何 标记 都 将 按 原 样 呈现 在 浏览 器 中 。 
e Encode: 将 使 用 HtmlEncode 方法 对 添加 到 控件 中 的 任何 标记 进行 编码 ， 这 会 将 
HTML 编码 转换 为 其 文本 表示 形式 。 例 如 ，<b> 标 记 将 呈现 为 &ltb&gt。 当 希望 浏览 
器 显示 而 不 解释 标记 时 ， 编 码 将 很 用。 编码 对 于 安全 也 很 有 用 ， 有 助 于 防止 在 济 
览 器 中 执行 恶意 标记 。 显 示 来 自 不 受信 任 的 源 的 字符 串 时 推荐 使 用 此 设置 。 
【 例 4-11】 演 示 Literal 控件 的 使 用 。 
(1) 运行 VWD 2008， 新 建 一 个 名 为 LiteralControl 的 ASP.NET 网 站 。 
(2) 向 default.aspx 页 面 添加 2 个 RadioButton 控件 ，1 个 Literal 控件 ，1 个 Label 控件 。 
按 如 下 所 示 的 标记 代码 设置 2 个 RadioButton 控件 的 相关 属性 。 
<asp:RadioButton ID="radioEncode" runat="server" GroupName="Literal Mode" Checked="True" 
Text="Encode" AutoPostBack="True" /> 
<asp:RadioButton ID="radioPassthrough" runat="server" GroupName="Literal Mode" 
Text="PassThrough" AutoPostBack="True" /> 


(3) 添加 Page_Load 事件 代码 。 


protected void Page_Load(object sender, EventArgs e) 
{ 
Literall.Text = "This <b>text</b> is inserted dynamically."; 
Labell .Text ="This <b>text</b> is inserted dynamically."; 
if (radioEncode.Checked = true) 
t 
Literall.Mode = LiteralMode.Encode: 
} 
if (radioPassthrough.Checked — true) 
{ 
Literall Mode = LiteralMode PassThrough: 
) 
} 


(4) 按 CtHF5 运行 该 页 ， 效果 如 图 4-16 所 示 。 选 择 不 同 的 单 选 按钮 ， 观 察 文本 的 变化 。 
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SH 
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O PassThrough d 
Litera? {tT P]: This <b>text<b> is inserted dynamically. | 
Labe? tHTH]: This text is inserted dynamically. 
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图 4-16 Literal 控件 的 运行 示例 


2. Panel 控件 


Panel 控件 在 ASP.NET 网 页 内 提供 了 一 种 容器 控件 ， 可 以 将 它 用 作 静 态 文 本 和 其 他 控件 
的 父 控件 ， 向 该 控件 添加 其 他 控件 和 静态 文本 。 

可 以 将 Panel 控件 用 作 其 他 控件 的 容器 。 当 以 编程 方法 创建 内 容 并 需要 一 种 将 内 容 插入 
到 页 面 中 的 方法 时 ， 此 方法 尤为 适用 。 以 下 部 分 描述 了 可 以 使 用 Panel 控件 的 其 他 方法 。 

(1) 动态 生成 的 控件 的 容器 

Panel 控件 为 在 运行 时 创建 的 控件 提供 了 一 个 方便 的 容器 。 

(2) 对 控件 和 标记 进行 分 组 

对 于 一 组 控件 和 相关 的 标记 ， 可 以 通过 把 其 放置 在 Panel 控件 中 ， 然 后 操作 此 Panel 控 
件 的 方式 将 它们 作为 一 个 单元 进行 管理 。 例 如， 可 以 通过 设置 面板 的 Visible 属性 来 隐藏 或 显 
示 该 面板 中 的 一 组 控件 。 

(3) 具有 默认 按钮 的 窗 体 

可 将 TextBox 控件 和 Button 控件 放置 在 Panel 控件 中 ， 然 后 通过 将 Panel 控件 的 
DefaultButton 属性 设置 为 面板 中 某 个 按钮 的 ID 来 定义 一 个 默认 的 按钮 .如果 用 户 在 面板 内 的 
文本 框 中 进行 输入 时 按 Enter, 这 与 用 户 单 击 特定 的 默认 按钮 具有 相同 的 效果 。 这 有 助 于 用 户 
更 有 效 地 使 用 项 目 窗 体 。 

(4) 向 其 他 控件 添加 滚动 条 

有 些 控件 (如 TreeView 控件 ) 没 有 内 置 的 滚动 条 。 通 过 在 Panel 控件 中 放置 滚动 条 控件 ， 
可 以 添加 滚动 行为 。 若 要 向 Panel 控件 添加 滚动 条 ， 请 设置 Height 和 Width 属性 ， 将 Panel 
控件 限制 为 特定 的 大 小 ， 然 后 再 设置 ScrollBars 属性 。 

(5) 页 上 的 自 定义 区 域 

可 使 用 Panel 控件 在 页 面 上 创建 具有 自 定义 外 观 和 行为 的 区 域 ， 如 下 所 示 。 

e 创建 一 个 带 标题 的 分 组 框 :可 设置 GroupingText 属性 来 显示 标题 。 呈 现 页 时 ，Panel 

控件 的 周围 将 显示 一 个 包含 标题 的 框 ， 其 标题 是 用 户 指定 的 文本 。 

说 明 : 不 能 在 Panel 控件 中 同时 指定 滚动 条 和 分 组 文本 。 如 果 设 置 了 分 组 文本 ， 其 优先 
级 高 于 滚动 条 。 

e 在 页 面 上 创建 具有 自 定 义 颜色 或 其 他 外 观 的 区 域 : Panel 控件 支持 外 观 属性 (如 

BackColor 和 BorderWidth), 可 以 设置 外 观 属性 为 页 面 上 的 某 个 区 域 创 建 独特 的 外 观 。 
说 明 : 设置 GroupingText 属性 将 自动 在 Panel 控件 周围 呈现 一 个 边框 。 
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【 例 4-12】 演示 文件 Panel 控件 的 使 用 。 
(1) 运行 VWD 2008， 新 建 名 为 PanelWebServerControl 的 ASP.NET 网 站 。 
(2) 新 建 页 面 PanelExample.aspx， 切 换 到 其 【设计 】 视 图 。 
(3) 从 工具 箱 的 【标准 】 选 项 卡 中 ， 将 Panel 控件 拖 到 页 面 上 ， 如 图 4-17 所 示 。 
(4) 添加 DropDownListl CheckBoxl, CheckBox2, Buttonl, Literall, Literal2 控件 ， 
如 图 4-17 所 示 。 


> PanelExample.aspx*| =x 


Panel 控 件 全 
JEA SERRES.. 
ÆR TextBozes:||! 2 P] z 
_ L a 
厂 设 置 字体 厂 设置 背景 
[ Literal "Literal1" ] 
[ Literal "Literal2" ] 区 
isl w |> 
aitona | 回 源 [< [<esp:qropdownistt y| 


图 4-17 添加 Panel 等 控件 
(5) 切换 到 PanelExample.aspx 页 的 【 源 】 视 图 ， 根 据 下 面 的 代码 设置 各 个 控件 的 属性 。 


<asp:panel id="myPanel" runat="server" backcolor="#eeeeee" width="300px" 
GroupingText="Panel 控件 "> 
<p> 作 为 动态 生成 的 文本 框 的 容器 …… </p> 
</asp:panel> 
生成 TextBoxes: 
<asp:dropdownlist id="DropDownList1" runat="server"> 
<asp:listitem value="1">1</asp:listitem> 
<asp:listitem value="2">2</asp:listitem> 
<asp:listitem value="3">3</asp:listitem> 
</asp:dropdownlist> 
<asp:button ID="Button1" tex 人 "刷新 Panel" runat="server" onclick="Button1_ Click" /> 
<asp:CheckBox ID="CheckBoxChangeFont" runat="server" AutoPostBack="True" 
oncheckedchanged="CheckBoxChangeFont_CheckedChanged" Text=" 设 置 字体 "/> 
<asp:CheckBox ID="CheckBoxChangeBkGround" runat="server" AutoPostBack="True' 
oncheckedchanged="CheckBoxChangeBkGround_CheckedChanged" Text=" 设 置 背景 "> 


(6) 切换 到 PanelExample.aspx.cs 页 的 【代码 】 视 图 , 根据 下 面 的 代码 设置 各 控件 的 Click 
事件 的 处 理 程序 。 


void Page Load(object src, EventArgs e) 

{ 
// generate textbox controls 
int numtexts = intParse(DropDownListl.SelectedItem.Value): 
for (int i= 1; i <= numtexts; i++) 
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{ 
myPanel.Controls.Add(new LiteralControl("<p>")); 
TextBox t = new TextBox(); 
t.Text = "TextBox" +iToString0; 
tID = "TextBox" + i.ToString(); 
myPanel.Controls.Add(t); 
) 
) 
protected void CheckBoxChangeFont CheckedChanged(object sender, EventArgs e) 
t 
if (CheckBoxChangeFont.Checked) 
í 
this myPanel.Font.Italic = true; 
this.myPanel. ForeColor = System. Drawing.Color.Red ; 
Literal] Text =" 当 前 所 显示 字 型 是 “斜体 ”， 颜 色 是 “红色 ”"; 
) 
else 
í 
this.myPanel.Font.Italic = false ; 
this.myPanel. ForeColor = System. Drawing.Color.Blue: 
Literall.Text=" 当 前 所 显示 字 型 是 “默认 字体 ”， 颜 色 是 “ 蓝 色 ”"; 
) 


) 
protected void CheckBoxChangeBkGround CheckedChanged(object sender, EventArgs e) 


{ 
if (CheckBoxChangeBkGround.Checked) 


{ 
this.myPanel.BackColor = System.Drawing.Color.Bisque;//Bisque 桶 黄色 
Literal2.Text = "当前 所 显示 背景 颜色 是 “Bisque HE” , "; 

else 


this myPanel.BackColor = System Drawing.Color Beige//Beige 米黄 色 
Literal2 Text = "当前 所 显示 背景 颜色 是 “Beige 米黄 色 ”。"; 


) 


(7) 按 CttHHFS， 观 看 显示 效果 。 
44 ”验证 控件 


ASPNET 为 开发 人 员 提供 了 一 套 完整 的 服务 器 控件 来 验证 用 户 输入 的 信息 是 否 有 效 , 这 
些 控件 可 与 ASP.NET 网 页 上 的 任何 控件 (包括 HTML 和 服务 器 控件 ) 一 起 使 用 。 
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4.4.1 ASPNET 验证 控件 


表 4-2 列 上 


H Y ASP.NET 验证 控件 及 其 功能 说 明 。 


表 4-2 ASP.NET 验证 控件 


ja 使 用 的 控件 说 ĦA 
E 1 
类 型 
人 验证 一 个 必 填 字段 ， 如 果 这 个 字段 没 填 ， 那 么 ， 将 不 能 提交 信息 
项 RequiredFieldValidator 
53 比较 验证 : 将 用 户 输入 与 一 个 常数 值 或 者 另 一 个 控件 或 特定 数据 类 
的 比较 验证 控件 型 的 值 进 行 比较 (使 用 小 于 、 等 于 或 大 于 等 比较 运算 符 )， 同 时 也 可 以 
ik CompareValidator 用 来 校 验 控件 中 内 容 的 数据 类 型 ， 如 整形 、 字 符 串 型 等 。 如 密码 和 
确认 密码 两 个 字段 是 否 相等 
范围 验证 : Validator F D 3 HAH Ti 
范围 | 范围 验证 控件 i Range’ i 控件 可 以 用 来 判断 用 户 输 MERRER 
i Ë 一 特定 范围 内 。 可 以 检查 数字 对 、 字 母 对 和 日 期 对 限定 的 范围 。 属 
检查 | RangeValidator . S: kafa 
性 MaximumValue 和 MinimumValue 用 来 设 定 范围 的 最 大 和 最 小 值 
正则 表达 式 验证 : 它 根据 正 则 表达 式 来 验证 用 户 输入 字段 的 格式 是 
模式 | 正则 表达 式 验证 控件 否 合法 ， 如 电子 邮件 、 身 份 证 、 电 话 号 码 等 。ControlToValidate 属性 
匹配 | RegularExpressionValidator | 选择 需要 验证 的 控件 ，ValidationExpression 属性 则 编写 需要 验证 的 
表达 式 的 样式 
、 a 使 用 自己 编写 的 验证 逻辑 检查 用 户 输入 。 此 类 验证 能 够 检查 在 运行 
用 户 | 用 户 定义 验证 控件 a i Ens š 
akl 时 派生 的 值 。 在 运行 定制 的 客户 端 JavaScript 或 VBScript 函数 时 ， 
定义 | CustomValidator 
可 以 使 用 这 个 控件 
o W? 验证 汇总 : 该 控件 不 执行 验证 ， 但 该 控件 将 本 页 所 有 验证 控件 的 验 
验证 | 验证 汇总 控件 . P I =: 9 =: 
Të | vakis 证 错误 信息 汇总 为 一 个 列表 并 集中 显示 ， 列 表 的 显示 方式 由 
ü 7 DisplayMode 属性 设置 
e 验证 对 象 模型 ;通过 使 用 由 各 个 验证 控件 和 页 面 公开 的 对 象 模型 ， 可 以 与 验证 控件 
进行 交互 。 每 个 验证 控件 都 会 公开 自己 的 Valid 属性 ， 可 以 测试 该 属性 以 确定 该 控 
件 是 否 通过 验证 测试 。 页 面 还 公开 一 个 ISValid 属性 ， 该 属性 总 结 页 面 上 所 有 验证 控 
件 的 IsValid 状态 。 该 属性 允许 您 执行 单个 测试 ， 以 确定 是 否 可 以 继续 自行 处 理 。 页 
面 还 公开 一 个 包含 页 面 上 所 有 验证 控件 的 列表 的 Validators 集合 。 可 以 依次 通过 这 一 
集合 来 检查 单个 验证 控件 的 状态 。 
e Button 控件 和 验证 : 如 果 某 一 页 面包 含 ASPNET 验证 控件 ， 则 在 默认 情况 下 ， 单 击 


按钮 控件 会 导致 验证 控件 执行 检查 。 如 果 为 验证 控件 启用 了 客户 端 验证 ， 则 在 验证 
检查 失败 时 不 会 提交 该 页 面 。 表 4-3 描述 了 按钮 控件 所 支持 的 可 以 更 精确 地 控制 验证 


过 程 的 属性 。 
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表 4-3_Button 控件 的 部 分 属性 


指定 单 击 按钮 是 否 还 执行 验证 检查 。 将 此 属性 设置 为 false 可 避免 验证 检查 
能 够 指定 单 击 按钮 时 调用 页 面 上 的 哪些 验证 程序 。 如 果 未 建立 任何 验证 组 , 则 单 击 按 
钮 会 调用 页 面 上 的 所 有 验证 程序 


CausesValidation 


ValidationGroup 


44.2 验证 Web 窗 体 页 中 的 用 户 输入 


本 示例 演示 如 何 使 用 ASP.NET 验证 控件 检查 网 页 中 的 用 户 输入 。 
【 例 4-13】 验 证 Web 窗 体 页 中 的 用 户 输入 ，【 设 计 】 视 图 如 图 4-18 所 示 。 


d Default.aspxcs” Defaultaspx” gx 
RequiredFieldValidatorl Ri xpressionValidatorl ^ 

+ RequiredFieldValidator2 
电子 邮件 地 址 : T z 


预订 人 数 : [请 指出 团队 人 数 | [输入 一 个 介 于 1 和 20 之 间 的 数字 。 


预订 日 期 : 攻 到 日 期 格式 需要 yyyy-m-d) d & 
提交 申请 RangeValidatorl 
] CustomValidator1 


ValidationSummary1 


asp:ValidationSum...#ValidationSum... | 
° 错误 消息 1. 
° 错误 消息 2。 


I |>. 


isl m " 
Bt | 口 拆 分 | 回 源 + <html> <body> | <form#form1> |[<asp:Valdationsummary#va...>| |> 


图 4-18 添加 验证 控件 


(1) 打开 VWD 2008， 新 建 网 站 ValidationWebServerControl。 

(2) 切换 到 Default.aspx【 设 计 】 视 图 ， 输 入 页 标题 “提交 预订 ”。 

添加 3 个 TextBox 控件 ，ID 属性 分 别 改 为 textEmail 、textNumberInParty 和 
textPreferredDate; 添加 Button 控件 ， 属 性 设置 为 DD="buttonSubmit"、Text=" 提 交 申请 "、 
ValidationGroup="AllValidators"; 添加 Label 控件 ， 属 性 设置 为 ID="labelMessage"、Text=""。 

(3) 如 图 4-18 所 示 ， 在 上 述 文本 框 左 侧 输 入 文本 作为 标题 。 

(4) 双击 【提交 申请 】 按 钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 添 加 以 下 代码 : 


protected void buttonSubmit Click(object sender, EventArgs e) 


t 
if (Page Is Valid) 
{ 
labelMessage.Text = "您 的 预订 已 处 理 ! "; 
labelMessage.ForeColor = System Drawing.Color Red: 
) 
} 
该 按钮 处 理 程序 只 显示 一 条 消息 ， 它 不 执行 实际 的 处 理 操作 。 但 显示 该 消息 将 允许 在 本 


示例 的 后 面部 分 测试 验证 结果 。 
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(5) 切换 到 【设计 】 视 图 ， 双 击 页 面 空白 区 域 以 创建 一 个 Page Load 处 理 程序 ， 添 加 以 
下 代码 : 
protected void Page Load(object sender, EventArgs e) 
t 


labelMessage.Text = ""; 
1 


在 通过 所 有 验证 后 ， 该 代码 将 清除 该 页 上 所 显示 的 消息 。 该 代码 对 本 示例 后 面部 分 的 测 
试 很 有 用 。 

(6) 添加 RequiredFieldValidator 并 将 该 控件 放 在 textEmail 文本 框 右 侧 ， 设 置 
RequiredFieldValidator 控件 的 以 下 属性 ， 如 表 4-4 所 示 。 


表 4-4 RequiredFieldValidator 控件 的 属性 设置 


将 该 验证 控件 绑 定 到 要 验证 其 内 容 的 文本 框 


属 性 3 明 
ControlToValidate | texi i 
Displa | Dynamic | penen ea 
ErrorMessage 显示 摘要 错误 中 的 文本 
Text | | 星 号 表示 某 字段 是 必 填 的 。 只 在 出 现 错误 时 ， 才 显示 该 文本 


ValidationGroup | AllValidators 将 验证 控件 分 组 


(7) 添加 RegularExpressionValidator 控件 并 将 其 放 在 刚 添加 的 RequiredFieldValidator 右 
侧 ， 设 置 RegularExpressionValidator 控件 属性 为 : 


ControlToValidate="textEmail"、Display="Dynamic"、ErrorMessage=" 电 子 邮 件 地 址 必须 采用 
name(@domain.xyz 格式 "、Texf=" 无 效 格式 ! ". ValidationGroup="AllValidators" 


(8) 在 RegularExpressionValidator 正则 表达 式 验 证 控件 仍 处 于 选 定 状态 时 ， 在 【属性 】 
窗口 中 单 击 ValidationExpression 框 中 的 省 略 号 按钮 , 在 【标准 表达 式 】 列表 中 , 单 击 【Intemet 
电子 邮件 地 址 】”， 单 击 【确定 】 关 闭 对 话 框 。 

(9) 添加 RequiredFieldValidator 控件 ， 将 该 控件 绑 定 到 textNumberInParty 文本 框 并 将 其 
ErrorMessage 属性 设置 为 “请 指出 团队 人 数 ”。 

(10) 添加 RangeValidator 控件 并 将 其 放 在 刚 添加 的 RequiredFieldValidator 控件 右 侧 ， 设 
置 RangeValidator 控件 的 以 下 属性 : 


ControlToValidate="textNumberInParty" , Display="Dynamic" , MaximumValue="20", 
MinimumValue="1"，EmrorMessage" 为 团队 人 数 输入 一 个 介 于 1 和 20 之 间 的 数字 "， 
ValidationGroup="AllValidators"，Type="Integer"，Texf=" 输 入 一 个 介 于 1 和 20 之 间 的 数字 " 


RangeValidator 控件 执行 下 面 两 个 功能 : 首先 确保 用 户 所 输入 的 数据 是 数字 ， 然 后 检查 
该 数字 是 否 在 指定 的 最 小 值 和 最 大 值 之 间 。 
(11) 按 Ctrl+F5 运行 该 页 。 分 别 输入 正确 的 、 不 正确 的 电子 邮件 地 址 ， 在 指定 范围 内 和 
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不 在 指定 范围 内 的 数字 ， 进 行 验证 。 

(12) 从 工具 箱 的 【验证 】 组 中 ， 将 ValidationSummary 控件 拖 动 到 页 面 上 ， 将 其 
ValidationGroup 属性 设置 为 AllValidators。 运 行 该 页 ， 执 行 相同 的 测试 。 

对 于 每 条 错误 ， 将 看 到 在 两 个 位 置 中 显示 了 错误 信息 。 在 验证 控件 所 在 的 位 置 上 显示 了 
一 条 简短 的 错误 信息 (验证 程序 的 Text 属性 值 )， 在 ValidationSummary 控件 中 显示 了 一 条 较 
长 的 错误 信息 (该 控件 的 ErrorMessage 属性 值 )。 

(13) 将 ValidationSummary 控件 的 ShowMessageBox 属性 设置 为 tue。 运 行 该 页 。 执 行 
相同 的 测试 。 此 时 ， 每 条 错误 将 会 导致 在 浏览 器 中 显示 一 个 弹出 消息 框 。 

(14) 添加 CustomValidator( 自 定义 验证 控件 ) 放 在 textPreferredDate 文本 框 右 侧 ， 并 设置 
CustomValidator 控件 属性 为 : 


ID="CustomValidatorl", — ControlToValidate="textPreferredDate", Display="Dynamic", 
ErrorMessage=" D} yyyy-m-d 格式 输入 一 个 日 期 "， ”Tex=" 无 效 日 期 格式 (需要 yyyy-m-d)" 
EnableClientScript="False"，ValidationGroup="AllValidators"( 禁 用 客户 端 验证 )。 


(15) 双击 CustomValidator 控件 ， 为 其 ServerValidate 事件 创建 一 个 处 理 程序 ， 添 加 以 下 
代码 : 


protected void CustomValidatorl _ServerValidate(object source,ServerValidateEventArgs args) 
{ 
try 
{ 
DateTimeFormatInfo infol = (DateTimeFormatInfo) 
Thread.CurrentThread.CurrentCulture.GetFormat(typeof(DateTimeFormatInfo)); 
DateTime time1 = DateTime.ParseExact(args. Value, "d", info1, 
DateTimeStyles.AllowWhiteSpaces); 
args.IsValid = true; 
} 
catch 
{ 
args.IsValid = false; 
J 
) 


在 用 户 提交 此 页 面 时 运行 该 代码 。 该 代码 使 用 传 入 处 理 程序 的 ServerValidateEventArgs 
(args) 对 象 与 该 验证 控件 交互 。 用 户 在 textPreferredDate 文本 框 中 所 输入 的 值 作为 args 对 象 的 
Value 属性 传递 。 在 检查 用 户 输入 是 否 有 效 后 ， 将 args 对 象 的 Valid 属性 相应 地 设置 为 tue 
或 false。 如 果 将 该 属性 设置 为 false， 则 该 验证 程序 将 显示 其 错误 信息 。 

(16) 在 Button_Click 处 理 程序 中 ， 添 加 以 下 代码 : 


protected void buttonSubmit Click(object sender, EventArgs e) 


{ 
1f(Page IsValid) 
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{ 
labelMessage.Text = "HMI CZ. "; 
//Your reservation has been processed. 
$ 
else 
labelMessage.Text = "页 面 不 合 语法 。";//Page is not valid. 
} 


} 


在 使 用 时 ， 必 须 在 服务 器 端的 任何 处 理 期 间 都 检查 Page.IsValid 属性 以 确定 是 否 通 过 了 
所 有 验证 检查 。IsValid 属性 返回 该 页 面 上 所 有 验证 控件 的 累积 状态 。 此 属性 用 于 确保 任何 服 
务 器 端的 处 理 逻 辑 都 已 通过 所 有 验证 检查 。 

(17) 按 Ctrl+F5 运行 该 页 ， 测 试 CustomValidator 控件 。 

【 例 4-14】 演 示 CompareValidator 比较 验证 控件 的 使 用 方法 。 

(1) 新 建 名 字 为 CompareValidatorControl 的 网 站 。 

(2) 在 设计 【视图 】 中 ， 添 加 如 图 4-19 所 示 的 控件 ，2 个 TextBox 控件 ，2 个 
RequiredFieldValidator 控件 ，1 个 CompareValidator 控件 。 

_ Defautaspxcs”Default.aspx* | 888 | zx 


e sssasurdusas 
“密码 o D SERENE? 
ID:RequiredFieldValidator4 
+ 确认 窗 码 : A saTeJE 
ID:TextBoxPasswordConfirm 
TBT- EFA. 4— ID:CompareValidator1 


[<l u I 


马 设 计 ] 口 拆 分 | 回 源 | “< [<asp:TextBox#TextBoxPassw...> 


图 4-19 CompareValidator 控件 


(3) 在 default.aspx 应 该 出 现 如 下 代码 。 


+ 密码; 

<asp:TextBox ID="TextBoxPassword" runat="server"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
ControlToValidate="TextBoxPassword" ErrorMessage=" 密 码 不 能 为 空 ! " 
Display="Dynamic"> 密 码 不 能 为 空 ! 

</asp:RequiredFieldValidator> <br /> 

# 确 认 密码 : 

<asp:TextBox ID="TextBoxPasswordConfirm" runat="server"></asp:TextBox> 

<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
ControlToValidate="TextBoxPasswordConfirm" ErorMessage=" 密 码 不 能 为 空 ! " 
Display="Dynamic"> 密 码 不 能 为 空 ! 

</asp:RequiredFieldValidator> <br /><br /> 

<asp:CompareValidator ID="CompareValidator1" runat="server" 
ControlToCompare="TextBoxPassword" ControlToValidate="TextBoxPasswordConfirm" 
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ErorMessage= "密码 不 一 致 ， 重 新 输入 。" Display= "Dynamic"> 密 码 不 一 致 ， 重 新 输入 。 
</asp:CompareValidator> 


(4) 按 CalHF5 运行 该 页 ， 测 试 CompareValidator 控件 。 


45 用 户 控件 


有 时 可 能 需要 控件 具有 ASPNET 内 置 服务 器 控件 没有 的 功能 。 在 这 种 情况 下 ， 用 户 可 
以 创建 自己 的 控件 。 有 两 个 选择 ， 可 以 创建 用 户 控件 和 自 定 义 控件 。 

用 户 控件 是 能 够 在 其 中 放置 标记 和 服务 器 控件 的 容器 。 然 后 ， 可 以 将 用 户 控件 作为 一 个 
单元 对 待 ， 为 其 定义 属性 和 方法 。 

自 定义 控件 是 编写 的 一 个 类 ， 此 类 从 Control 或 WebControl 派生 。 

创建 用 户 控件 要 比 创建 自 定义 控件 方便 很 多 ， 因 为 可 以 重用 现 有 的 控件 。 用 户 控件 使 创 
建 具有 复杂 用 户 界面 元 素 的 控件 极为 方便 。 

1. 用 户 控件 结构 


ASPNET Web 用 户 控 件 与 完整 的 ASP.NET 网 页 (.aspx 文件 ) 相 似 ， 同 时 具有 用 户 界 面 页 
和 代码 页 。 可 以 采取 与 创建 ASP.NET 页 相似 的 方式 创建 用 户 控件 ， 然 后 向 其 中 添加 所 需 的 
标记 和 子 控件 。 用 户 控件 可 以 像 页 面 一 样 包含 对 其 内 容 进行 操作 (包括 执行 数据 绑 定 等 任务 ) 
的 代码 。 

2. 用 户 控件 与 ASP.NET 网 页 有 以 下 区 别 


(1) 用 户 控件 的 文件 扩展 名 为 .ascx。 

(2) 用 户 控件 中 没有 @Page 指令 ， 而 是 包含 @Control 指令 ， 该 指令 对 配置 及 其 他 属性 进 
行 定义 。 

G) 用 户 控件 不 能 作为 独立 文件 运行 。 而 必须 像 处 理 任何 控件 一 样 ， 将 它们 添加 到 
ASPNET 页 中 。 

(4) 用 户 控 件 中 没有 HTML、body 或 form 元 素 。 这 些 元 素 必须 位 于 宿主 页 中 。 

(5) 可 以 在 用 户 控 件 上 使 用 与 在 ASP.NET 网 页 上 所 用 相同 的 HTML 元 素 (HTML、body 
ER form 元 素 除外 ) 和 Web 控件 。 例如， 如果 要 创建 一 个 将 用 作 工 具 栏 的 用 户 控 件 ， 则 可 以 将 
一 系列 Button 服务 器 控件 放 在 该 控件 上 ， 并 创建 这 些 按钮 的 事件 处 理 程序 。 

【 例 4-151 演示 一 个 实现 微调 控件 的 用 户 控件 。 在 此 微调 控件 中 , 用 户 可 以 单 击 “ 向 上 ” 
和 “向 下 ”按钮 以 滚动 文本 框 中 的 一 系列 选择 。 

(1) 运行 VWD 2008， 新 建 名 为 WebUserControl 的 ASP.NET 网 站 。 

D 在 【解决 方案 资源 管理 器 】 中 ， 用 鼠标 右键 单 击 网 站 名 WebUserControl， 选 择 【 添 
加 新 项 ...】 命 令 ， 在 弹出 的 对 话 框 中 选择 【Web 用 户 控 件 】 模 板 ， 使 用 默认 名 称 为 
WebUserControll.ascx，【 语 言 】 选 择 Visual C#， 选 中 【将 代码 放 在 单独 的 文件 中 】 复 选 框 ， 
单 击 【添加 】 按 钮 ， 用 户 控件 文件 WebUserControlascx 就 添加 到 解决 方案 中 了 。 
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(3) 单 击 WebUserControll 的 【设计 】 标 签 ， 切 换 到 如 图 4-20 所 示 的 【设计 】 视 图 ， 然 
后 在 【工具 箱 】 中 依次 双击 【TextBox】 控 件 、【Button】 控 件 ， 添 加 1 个 TextBox 控件 ，2 
个 Button 控件 。TextBox 控件 的 ReadOnly 属性 设置 为 True, ID 属性 设置 为 TextBoxColor; 
其 中 一 个 Button 控件 的 ID 属性 设置 为 ButtonUp, Text 属性 设置 为 Up; 另 一 个 Button 控件 
的 ID 属性 设置 为 ButtonDown, Text 属性 设置 为 Down, 


è s WebUserControl.ascx vx 
>| A Webusercontrolascxics ”web lasca 

8 asp: TextBox#TextBoxColor asp:Button#BottonUl | 
Ea | Down 

s t - > width: 4Tpx 

š Ea height: Cepx) 

= 

FE 口 拆 分 | 回 源 | `: |<asp:TextBox#TextBoxCol hl 
A.l 


图 4-20 ”创建 数据 库 文件 夹 


(4) 在 WebUserControl 的 【设计 】 视 图 中 双击 ， 切 换 到 WebUserControll 的 代码 视图 ， 
即 打开 WebUserControl.ascx.cs 文件 ， 定 义 变量 ， 为 Page Load 事件 、Up 按钮 和 Down 按钮 
的 Click 事件 添加 如 下 代码 。 


public partial class WebUserControl : System.Web.ULUserControl 
t 
protected int currentColorIndex; 
protected string[] colors =í "Red", "Green", "Blue", "Yellow", }; 
protected void Page Load(object sender, EventArgs e) 
(//IsPostBack 的 值 指示 是 正 为 响应 客户 端 回 发 而 加 载 用 户 控件 ， 还 是 正 第 一 次 加 载 和 访问 、 
// 用 户 控件 。 如 果 是 正 为 响应 客户 端 回 发 而 加 载 用 户 控件 ， 则 为 rue; 否则 为 false, 
if (IsPostBack) 
{ 


currentColorIndex = Intl 6.Parse(ViewState["currentColorIndex"].ToString0); 


else 
{ 
currentColorIndex = 0; 
DisplayColor0: 
) 
} 
private void DisplayColor() 
{ 


TextBoxColor.Text = colors[currentColorIndex]; 
/在 文本 框 文字 改变 时 字体 的 颜色 也 相应 改变 
TextBoxColor.ForeColor = System.Drawing.ColorFromName(colors[currentColorIndex]); 
String strColor = colors[currentColorIndex]: 
Response. Write("<body ”bgColor="+ strColor +"></body>");// 让 网 页 背景 改变 颜色 。 
/下 面 的 代码 演示 如 何以 多 种 不 同 的 字号 显示 相同 的 HTML 文本 。 
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for (int =0; i<10; H+) 

{ 
Response. Write("<font size="+i +"> Hello World! </font>"); 

} 

/下 面 的 代码 演示 以 多 种 不 同 的 颜色 显示 相同 的 HTML 文本 。 

String strColor2 = colors[(currentColorIndex+1)%4]: 

Response. Write("<font color=" + Color FromName(strColor2).ToKnownColor 0 + 
"> “岁月 无 情 增 中 减 ， 书 香 有 味 苦 后 甜 </font>"); 

ViewState["currentColorIndex"] = currentColorIndex.ToString0; 


} 
protected void BottonUp_Click(object sender, EventArgs e) 
{ 
if (currentColorIndex = 0) 
{ 
currentColorIndex = colors.Length - 1; 
) 
else 
í 
currentColorIndex = 1; 
) 
DisplayColor0; 


protected void ButtonDown_Click(object sender, EventArgs e) 


{ 
if (currentColorIndex 一 (colors .Length -1)) 


{ 


currentColorIndex = 0; 
else 


currentColorIndex += 1; 
} 
DisplayColor0; 


) 


(5) 保存 用 户 控件 。 切 换 到 Default 窗 体 的 【设计 】 视 图 ， 从 【解决 方案 资源 管理 器 】 中 
2 次 拖 动 用 户 控件 WebUserControll 到 Default 窗 体 上 ， 并 添加 如 图 4-21 所 示 的 文字 。 
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用 户 控件 和 ASP NET 网 页 的 区 别 ， | 

，。 ”用户 控件 不 能 作为 独立 的 网 页 文件 运行， oae 

其 他 控件 一 样 ， 将 它们 添加 到 ASP NET 网 页 中 合用， 

Gerora | ERROR 月 
图 4-21 用 户 控件 示例 


(6) 按 CtrhHF5 运行 该 页 。 单 击 Up, Down 按钮 ， 分 析 显 示 结 果 。 


实验 4 用 户 控件 的 创建 


1. 实验 目的 


熟悉 用 户 控件 的 创建 技术 ， 掌 握 用 户 控件 的 属性 、 事 件 、 方 法 的 定义 和 使 用 ， 学 会 利用 
自 定义 用 户 控件 制作 导航 条 和 用 户 登录 控件 。 


2. 实验 内 容 和 要 求 


(1) 新 建 名 字 为 ServerControlExperiment 网 站 。 

(2) 在 default.aspx 页 面 中 , 添加 1 个 TextBox 控件 、2 个 Button 控件 、 1 个 ListBox 控件 ， 
如 图 4-22 所 示 。 将 2 个 Button 控件 的 Text 属性 分 别 改 为 “增加 ”和 “删除 ”。 当 单 击 【 增 
加 】 按 钮 时 ， 将 TextBox 文本 框 中 的 输入 值 添加 到 ListBox 中 ， 当 单 击 【删除 】 按 钮 时 ， 删 
除 ListBox 中 当前 选 定 项 。 


请 输入 书 名 ， 


4-2 控件 


(3) 添加 一 个 网 页 ， 要 求 将 Label 控件 、LinkButton 控件 、HyperLink 控件 放 在 Panel 控 
件 中 ， 当 单 击 一 组 Button 按钮 时 改变 Panel 控件 的 背景 色 ， 单 击 另 一 组 Button 控件 时 改变 
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Panel 控件 中 文字 的 大 小 。 单 击 LinkButton 和 HyperLink 控件 时 分 别 导 航 到 新 的 网 页 或 网 站 。 
单 击 RadioButton 控件 时 隐藏 Panel 控件 ， 单 击 另 一 个 RadioButton 控件 时 显示 Panel 控件 。 
如 图 4-23 所 示 。 


Panel 可 以 包含 其 他 控件 外 ， 还 可 包含 文本 。 


c 隐藏 panel 面 板 G 显示 Panel 面 板 
图 4-23 控件 


(4) 添加 一 个 网 页 ， 在 MultiView 控件 添加 3 个 View 控件 ， 在 每 个 View 控件 中 各 添加 
Image 控件 ， 再 添加 3 个 RadioButton 控件 切换 各 个 View 视图 ， 每 个 View 视图 显示 不 同 的 
图 像 。 

(5) 添加 一 个 网 页 ， 在 页 面 中 添加 AdRotator 控件 ,链接 XML 广告 数据 源 ， 实 现 广告 图 
像 显 示 ， 当 单 击 广告 图 像 时 导航 到 相应 的 网 页 。 

(6) 添加 一 个 网 页 ,在 页 面 中 添加 CheckBoxList 控 件 , 单 击 Button 按钮 时 将 CheckBoxList 
的 选项 写 到 ListBox Po 

(7) 添加 一 个 网 页 ， 在 页 面 中 添加 RadioButtonList 控件 ， 单 击 Button 按钮 时 将 
RadioButtonList 的 选项 写 到 ListBox 中 。 

(8) 添加 一 个 网 页 ， 选 择 DropDownList 控件 的 选项 时 导航 到 相应 的 网 站 。 

(9) 添加 一 个 网 页 ， 在 页 面 中 添加 TextBox、RequiredFieldValidator 和 CompareValidator 
控件 ， 实 现 CompareValidator 控件 的 Operator 行为 的 Equal, GreaterThan 等 属性 值 的 验证 。 
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设计 一 个 网 站 时 ， 用 一 个 网 页 完成 所 有 功能 是 不 可 能 的 ， 通 常会 按照 不 同 的 功能 将 其 划 
分 成 各 自 独立 的 模块 进行 处 理 ， 所 以 一 个 网 站 通常 是 由 很 多 网 页 组 成 的 。 这 样 就 需要 在 不 同 
的 网 页 间 进 行 切换 ， 还 可 能 用 到 网 页 间 的 数据 传递 或 数据 共享 。 同 时 ， 为 了 让 登录 网 站 的 用 
户 顺利 地 访问 到 目的 网 页 ， 还 需 为 网 站 添加 网 站 导航 。 用 网 站 导航 作为 向 导 ， 用 户 可 以 随时 
查看 到 自己 所 处 的 位 置 ， 各 网 页 之 间 的 关系 ， 因 而 为 用 户 进一步 的 浏览 网 页 提供 参考 。 

本 章 首 先 介绍 几 种 常用 的 页 面 切换 方法 和 数据 传递 方法 ， 然 后 介绍 与 网 站 导航 相关 的 控 
件 及 其 基本 用 法 。 


本 章 的 学 习 目 标 

° 了 解 页 面 切 换 、 数 据 传递 和 导航 的 基本 知识 
。 掌握 页 面 间 的 切换 方法 

。 掌握 页 面 间 的 数据 传递 方法 
掌握 网 站 的 导航 方法 


51 页面 切 换 


在 ASP.NET Web 应 用 程序 中 ， 有 多 种 页 面 切换 的 方法 ， 常 用 的 有 以 下 几 种 。 

(1) 利用 超 链接 切换 到 其 他 页 面 ， 例 如 使 用 <a> 标 记 或 者 HyperLink 控件 直接 链接 到 其 他 
页 面 。 

(2) 利用 Button, ImageButton 和 LinkButton 控件 的 PostBackUrl 属性 切换 到 其 他 页 面 。 

(3) 使 用 Response.Redirect 方法 或 Server.Transfer 方法 切换 到 其 他 页 面 。 


54.1 利用 超 链接 切换 到 其 他 页 面 

从 一 个 页 面 切换 到 另 一 个 页 面 最 简单 的 方法 就 是 使 用 超 链 接 。 使 用 超 链 接 的 方法 有 
两 种 。 

1. 一 种 是 使 用 <a> 标 记 链接 到 其 他 页 面 

例如 : 


<a hre 合 "Page2.aspx"> 进 入 页 面 2</a> 
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2. 另 一 种 是 使 用 HyperLink 控件 链接 到 其 他 页 面 
例如 : 


<asp:HyperLink ID="HyperLinkl" runat="server" NavigateUrl="~/page2.aspx"> 进 入 页 面 2 
</asp:HyperLink> 
【 例 5-1】 演 示 如 何 利用 HyperLink 控件 链接 到 其 他 页 面 。 
(1) 运行 VWD 2008， 新 建 一 个 名 为 HyperLink Example 的 ASP.NET Web 应 用 程序 。 
(2) 在 应 用 程序 中 添加 一 个 名 为 Pagel.aspx 的 网 页 ， 添 加 一 个 名 为 Page2.aspx 的 网 页 。 
(3) 切换 到 Pagel.aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 一 个 HyperLink 控件 ， 使 用 默认 
的 控件 名 称 ， 然 后 设置 HyperLink 控件 的 NavigateUrl 属性 。 在 HyperLink 控件 的 【属性 】 T 
板 中 ， 单 击 NavigateUrl 右 侧 的 按钮 ， 在 弹出 的 【选择 URL】 对话 框 中 选择 Page2.aspx， 单 击 
【确定 】 按 钮 ， 使 其 属性 值 为 Page2.aspx， 如 图 5-1 所 示 。 并 设置 HyperLink 控件 的 Text 属 
性 值 为 “进入 页 面 2”。 


cam] 


Ext O 2221 
SP CN Wes Men wor 
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Ereb. config 


图 5-1 设置 HyperLink 的 NavigateUrl 属性 


(4) 切换 到 Pagel.aspx 网 页 ， 按 F5 键 调试 运行 。 
使 用 HyperLink 控件 链接 到 其 他 页 面 的 链接 效果 与 使 用 <a> 标 记 链 接 到 其 他 网 页 的 效果 
相同 。 但 使 用 HyperLink 控件 的 好 处 是 可 以 在 服务 器 端 动态 地 设置 NavigateUrl 属性 ， 例 如 : 


Protected void Page Load(object sender, EventArgs e) 


{ 
If < 判断 条 件 > 
{ 
HyperLinkl NavigateUrl="NewPage.aspx"; * 判 断 条 件 为 “ 真 ”时 ， 执 行 此 语句 
} 
else 
{ 
HyperLink1 NavigateUr]=""; * 判 断 条 件 为 “ 假 ” 时， 执行 此 语句 
} 


J 


超 链 接 方式 的 特点 是 , 当 用 户 单 击 超 链 接 时 , 客户 端 浏 览 器 会 直接 请 求 链接 的 目标 网 页 ， 
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因此 服务 器 不 会 将 目标 网 页 与 链接 前 的 网 页 ( 源 网 页 ) 进 行 关联 ， 也 就 是 说 ， 服 务 器 不 会 将 与 
源 网 页 有 关 的 任何 信息 传递 到 目标 网 页 ， 除 非 在 目标 网 页 的 URL. 上 指定 查询 字符 串 。 

在 同一 个 Web 应 用 程序 中 ， 如 果 使 用 超 链 接 切 换 到 另 一 个 网 页 ， 可 以 使 用 会 话 状态 
(Session) 来 共享 源 网 页 和 目标 网 页 中 的 信息 。 


5.1.2 ”利用 按钮 的 PostBackUrl 属性 切换 到 其 他 页 面 


在 Button, LinkButton 和 ImageButton 控件 中 ， 有 一 个 PostBackUrl 属性 ， 可 以 利用 该 属 
性 切换 到 其 他 页 面 ， 这 种 切换 方式 称 为 跨 页 发 送 。 

跨 页 发 送 与 超 链 接 都 是 通过 用 户 操作 来 切换 到 其 他 页 面 。 但 是 ， 在 跨 页 发 送 中 ， 服 务 器 
会 将 源 网 页 上 控件 的 值 发 送 到 目标 网 页 。 如 果 源 网 页 和 目标 网 页 属于 同一 个 Web 应 用 程序 ， 
目标 网 页 还 可 以 访问 源 网 页 的 公共 属性 。 

利用 按钮 Button、LinkButton 和 ImageButton 控件 的 PostBackUr 属性 切换 到 其 他 页 面 的 
操作 过 程 与 利用 超 链 接 切 换 到 其 他 页 面 的 操作 过 程 相似 。 

[J 5-2】 演 示 如 何 利用 Button, LinkButton 和 ImageButton 控件 的 PostBackUrl 属性 链 
接 到 其 他 页 

(1) 运行 VWD 2008， 新 建 一 个 名 为 PostBackUrl Example 的 ASP.NET Web 应 用 程序 。 

(2) 在 应 用 程序 中 添加 一 个 名 为 Pagel.aspx 的 网 页 ， 再 分 别 添加 名 为 Page2.aspx、 
Page3.aspx、Page4.aspx 的 网 页 ， 并 分 别 在 Page2.aspx、Page3.aspx、Page4.aspx 的 网 页 中 添加 
文字 “欢迎 来 到 页 面 21”、“ 欢 迎 来 到 页 面 31” 和 “欢迎 来 到 页 面 4”， 以 便 运 行 时 将 不 同 
页 面 区 分 开 。 

(3) 切换 到 Pagel.aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 1 个 Button 控件 ，1 个 LinkButton 
控件 和 1 个 ImageButton 控件 ， 均 使 用 默认 的 控件 名 称 。 然 后 分 别 设置 Button、LinkButton 
和 ImageButton 控件 的 PostBackUrl 属性 。 在 Button 控件 的 【属性 】 面板 中 , 单 击 PostBackUrl 
右 侧 的 按钮 ， 在 弹出 的 【选择 URL】 对 话 框 中 选择 Page2.aspx， 单 击 【 确 定 】 按 钮 ， 使 其 属 
性 值 为 Page2.aspx， 如 图 5-2 所 示 。 并 设置 Button 控件 的 Text 属性 值 为 “ 单 击 Button 转 到 页 
面 2”。 类 似 地 , 设置 LinkButton 控件 的 PostBackUrl 属性 值 为 Page3.aspx, Text 属性 值 为 “ 单 
击 LinkButton 转 到 页 面 3”, 设置 ImageButton 控件 的 PostBackUrl 属性 值 为 Page4.aspx，Text 
属性 值 为 “ 单 击 ImageButton 转 到 页 面 4”。 


[GE 


° 


单 击 Button 转 到 页 加 2 
选择 URL 


mx: rz 
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图 5-2 设置 Button 控件 的 PostBackUil 属性 
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(4) 切换 到 Pagel.aspx 网 页 ， 按 <F5> 键 调试 运行 。 
5.1.3 ”使 用 Response.Redirect 或 Server.Transfer 切换 到 其 他 页 面 


虽然 利用 超 链 接 和 Button. ImageButton. LinkButton 控件 的 PostBackUrl 属性 能 够 从 一 
个 页 面 切换 到 其 他 页 面 ， 但 这 种 切换 方式 是 完全 由 用 户 控制 的 。 在 某 些 情况 下 ， 可 能 需要 上 
服务 器 代码 来 控制 什么 时 候 切 换 到 另 一 个 页 面 ， 此 时 就 可 以 利用 Response 对 象 的 Redirect 方 
法 或 者 Server 对 象 的 Transfer 方法 。 

利用 Response 对 象 的 Redirect 方法 与 利用 Server 对 象 的 Transfer 方法 进行 页 面 切换 的 方 
式 基 本 相似 ， 但 也 有 一 些 区 别 。 


1. Response.Redirect 


Response.Redirect 方法 会 使 浏览 器 链接 到 一 个 指定 的 URL 。 当 服务 器 调用 
Response.Redirect 方法 时 ， 该 方法 会 创建 一 个 应 答 ， 应 答 头 中 指出 目标 网 页 已 经 改变 ， 同 时 
指出 新 目标 的 URL。 客 户 端 浏览 器 从 服务 器 收 到 该 应 答 ， 再 利用 应 答 头 中 的 信息 发 出 一 个 对 
新 页 面 URL 的 请 求 。 

这 就 是 说 ， 使 用 Response.Redirect 方法 时 重 定向 操作 发 生 在 客户 端 ， 共 涉及 两 次 与 服务 
器 的 通信 (两 个 来 回 ): 第 一 次 是 对 原始 页 面 的 请 求 ， 得 到 一 个 应 答 ; 第 二 次 是 请 求 应 答 中 声 
明 的 新 页 面 ， 得 到 重 定 向 之 后 的 页 面 。 


2. Server.Transfer 


Server Transfer 方法 直接 在 服务 器 端 把 执行 流程 从 当前 的 页 面 转 到 同一 个 应 用 程序 的 另 
一 个 页 面 。 调 用 Server.Transfer 方法 时 ， 当 前 页 面 终止 执行 ， 然 后 将 执行 流程 转 入 另 一 个 页 
面 ， 但 新 的 页 面 仍 使 用 前 一 页 面 创建 的 应 答 流 。 

用 Server Transfer 方法 从 一 个 页 面 切换 到 另 一 个 页 面 , 浏览 器 中 的 URL 不 会 改变 , 因为 
重 定向 完全 在 服务 器 端 进行 ， 浏 览 器 根本 不 知道 服务 器 已 经 执行 了 一 次 页 面 切换 。 

Server.Transfer 方法 有 两 种 重 载 的 形式 ， 一 种 是 只 有 一 个 参数 ， 该 参数 指出 新 页 面 的 
URL， 这 种 情况 下 ， 服 务 器 不 会 把 页 面 中 的 表单 数据 或 查询 字符 串 从 一 个 页 面 传递 到 另 一 个 
页 面 。 此 种 用 法 在 后 面 的 【 例 5-4】 中 有 所 体现 。 另 一 种 重 载 形式 包含 两 个 参数 ， 第 一 个 参 
数 仍 是 新 页 面 的 URL, 而 第 二 个 参数 则 指出 是 否 保留 原 页 面 的 表单 数据 和 查询 字符 串 以 供 新 
页 面 查询 。 此 种 用 法 在 后 面 的 【 例 5-3】 中 有 所 体现 。 


3. 两 者 之 间 的 区 别 


利用 Response 对 象 的 Redirect 方 法 与 利用 Server 对 象 的 Transfer 方法 进行 页 面 切换 的 方 
式 除了 上 面 的 不 同 之 外 ， 还 有 以 下 区 别 。 

(1) Response Redirect 方法 不 限于 当前 应 用 程序 , 也 不 限于 .aspx 网 页 , 利用 它 可 以 重 定向 
到 任何 页 面 ， 包 括 其 他 网 站 中 的 页 面 ， 也 可 以 重 定向 到 任何 文件 ， 比 如 zar 文件 等 ， 如 果 不 
是 网 页 ， 浏 览 器 会 显示 相应 的 对 话 框 ， 供 用 户 选 择 是 直接 打开 还 是 保存 到 磁盘 上 。 

Server.Transfer 方法 则 不 同 ， 该 方法 只 能 切换 到 同一 个 应 用 程序 的 .aspx 网 页 。 
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(2) 对 Response.Redirect 方法 来 说 ， 切 换 到 另 一 个 页 面 之 后 ， 浏 览 器 的 地 址 栏 将 显示 新 
页 面 的 URL， 对 于 传递 不 希望 用 户 看 到 的 字符 串 信息 ， 这 种 方法 就 不 适合 了 。 

Server Transfer 方法 则 可 以 传递 不 希望 用 户 看 到 的 字符 串 信息 ， 当 用 户 切换 到 新 的 页 
后 ， 浏 览 器 的 地 址 栏 仍然 显示 原来 的 地 址 。 


51.4 页面 间 的 数据 传递 


在 实际 应 用 中 ， 一 个 页 面 可 能 需要 访问 或 者 使 用 另 一 个 页 面 中 的 数据 ， 下 面 是 几 种 常用 
的 页 面 间 数据 传递 的 方法 。 
1. 使 用 QueryString 传递 数据 


在 使 用 QueryString 传递 数据 时 ， 把 要 传递 的 数据 参数 添加 到 所 要 切换 到 的 另 一 个 页 面 
的 URL 后 。 在 要 传递 的 第 一 个 数据 参数 前 用 ? 将 其 和 目标 页 面 的 名 称 分 隔 开 ,参数 之 间 用 & 
分 隔 ， 每 个 参数 的 形式 为 “变量 名 = 值 ”。 而 在 另 一 个 页 面 中 使 用 
Request.QueryString[stringName] 接 收 传递 的 参数 。 

【 例 5-3】 演示 如 何 直接 在 页 面 名 称 后 附带 参数 传递 数据 。 

(1) 运行 VWD 2008， 新 建 一 个 名 为 QueryString Example 的 ASP.NET Web 应 用 程序 。 

(2) 在 应 用 程序 中 添加 1 个 名 为 FirstPage.aspx 的 网 页 。 在 FirstPage.aspx 中 ， 添 加 2 个 
TextBox 控件 ，1 个 Button 控件 ， 均 使 用 默认 的 控件 名 称 。 分 别 在 2 个 TextBox 控件 前 添加 
文字 “学 号 : ”和 “姓名 : ”， 设置 Button 控件 的 Text 属性 值 为 “提交 ”。 然 后 添加 Button 
控件 的 Click 事件 代码 。 


protected void Button1_Click(object sender, EventArgs e) 
í 
Server. Transfer(string.Format("SecondPage.aspx? 学 号 ={0}& 姓 名 ={1}", 
Server.UrlEncode(TextBox1. Text), Server.UrlEncode(TextBox2.Text))); 
$ 


(3) 在 应 用 程序 中 添加 1 个 名 为 SecondPage.aspx 的 网 页 。 在 SecondPage.aspx 中 , 添加 2 
个 Label 控件 ， 均 使 用 默认 的 控件 名 称 ， 然 后 在 SecondPage.aspx 的 Page_load 事件 中 添加 下 
面 的 代码 。 


protected void Page Load(object sender, EventArgs e) 
í 
Labell Text = "学 号 : "+ Server UrlDecode(RequestQueryString[" 学 号 "]): 
Label2 Text = "姓名 : "+ Server.UriDecode(Request.QueryString[" 姓 名 ""]); 
} 
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图 5-3 在 第 一 个 页 面 传递 数据 的 效果 图 5-4 在 第 二 个 页 面 接收 数据 的 效果 


在 使 用 QueryString 传递 数据 的 方法 中 ,使 用 & 作 为 参数 之 间 分 隔 符 。 为 了 保证 接收 方 能 
得 到 正确 的 结果 ， 需 要 在 传递 数据 参数 前 使 用 Server.UrlEncode 方法 对 字符 串 进行 编码 ， 接 
收 方 接收 后 再 调用 ServerUrlDecode 方法 对 相应 的 字符 串 进行 解码 。 UrlEncode 将 指定 的 代码 
以 URL 格式 进行 编码 。UrlDecode 将 URL 格式 代码 进行 解码 。 

这 里 要 注意 ， 如 果 直 接 运 行 SecondPage.aspx， 由 于 没有 接收 到 任何 传递 的 参数 ， 
Request.QueryString[stringName] 将 返回 一 个 空 字符 串 。 

2. 利用 Session 对 象 传递 数据 。 


由 于 每 个 用 户 都 可 以 有 自己 的 Session， 而 创建 的 Session 对 象 并 不 局 限于 某 一 个 页 面 ， 

所 以 可 以 使 用 Session 对 象 在 多 个 页 面 之 间 共 享 数据 。 
【 例 5-4】 演示 如 何 利 用 Session 对 象 传递 数据 。 

(D 运行 VWD 2008， 新 建 一 个 名 为 Session Example 的 ASPNET Web 应 用 程序 。 

(2) 在 应 用 程序 中 添加 1 个 名 为 FirstPage.aspx 的 网 页 ， 在 FirstPage.aspx 中 ， 添 加 2 个 
TextBox 控件 ，1 个 Button 控件 ， 均 使 用 默认 的 控件 名 称 。 分 别 在 2 个 TextBox 控件 前 添加 
文字 “学 号 : ”和 “姓名 : ”， 设 置 Button 控件 的 Text 属性 值 为 “提交 ”。 然 后 添加 Button 
控件 的 Click 事件 代码 。 


protected void Button1_Click(object sender, EventArgs e) 
{ 
Session[" 学 号 "] = TextBox1 Text: 
Session[" 姓 名 "] = TextBox2 Text: 
Server.Transfer("SecondPage.aspx'"): 
} 


(3) 在 应 用 程序 中 添加 1 个 名 为 SecondPage.aspx 的 网 页 , 在 SecondPage.aspx 中 , 添加 2 
个 Label 控件 ， 均 使 用 默认 的 控件 名 称 ,然后 在 SecondPage.aspx 的 Page Load 事件 中 添加 下 
面 的 代码 。 
protected void Page Load(object sender, EventArgs e) 
{ 
if (Session ["35"]!=null) 
{ 
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Labell.Text= "学 号 : "+ Session[" 学 号 "] ToString0; 
} 
if (Session [" 姓 名 "]!=nulD) 
{ 
Label2.Text= "姓名: "+ Session[" 姓 名 "].ToString0; 
} 
} 


(4) 切换 到 FirstPage.aspx 网 页 ， 按 F5 键 调试 运行 。 运 行 效果 与 【 例 5-3】 相 似 。 

需要 注意 的 是 ， 这 种 方法 会 占用 服务 器 的 内 存 资 源 ， 并 且 每 个 用 户 的 Session 信息 将 一 
直 存 储 在 内 存 中 直到 Session 过 期 ， 从 而 导致 系统 开销 较 大 。 

下 面 介绍 利用 PreviousPage 属性 获取 上 一 页 数据 的 方法 ， 此 方法 适合 用 于 页 面 间 传 递 较 
多 的 信息 时 使 用 。 

3. 利用 PreviousPage 属性 获取 数据 


如 果 两 个 ASPNET 页 面 属 于 同一 个 应 用 程序 ， 当 在 源 页 面 中 利用 Server.transfer 方法 或 
者 利用 按钮 控件 的 PostBackUrl 属性 切换 到 目标 页 面 时 ， 目 标 页 面 可 以 使 用 PreviousPage 属 
性 来 获取 源 页 面 中 的 控件 值 或 公共 属性 。 

如 果 要 获取 源 页 面 中 的 公共 属性 ， 则 需要 在 目标 页 面 的 源 代码 中 添加 如 下 代码 : 


<%@ PreviousPageType VirtualPath="~/SourcePage.aspx" %> 


但 是 , 如 果 目 标 页 面 不 需要 获取 源 页 面 的 公共 属性 , 而 仅仅 需要 获取 源 页 面 中 的 控件 值 ， 

则 不 需要 添加 这 行 代码 。 
【 例 5-5】 演 示 如 何 利用 PreviousPage 属性 获取 源 页 面 的 控件 值 。 

(1) 运行 VWD 2008， 新 建 一 个 名 为 PreviousPage_ Example 的 ASP.NET Web 应 用 程序 。 

(2) 在 应 用 程序 中 添加 1 个 名 为 FirstPage.aspx 的 网 页 ， 在 FirstPage.aspx 中 ， 添 加 2 个 
TextBox 控件 ，1 个 Button 控件 ， 均 使 用 默认 的 控件 名 称 。 分 别 在 2 个 TextBox 控件 前 添加 
文字 “学 号 : ”和 “姓名 : ”， 设 置 Button 控件 的 Text 属性 值 为 “提交 ”。 然 后 添加 Button 
控件 的 Click 事件 代码 。 


sxprotected void Button1_Click(object sender, EventArgs e) 


t 
Server.Transfer("SecondPage.aspx"): 
$ 


(3) 在 应 用 程序 中 添加 1 个 名 为 SecondPage.aspx 的 网 页 , 在 SecondPage.aspx 中 , 添加 2 
个 Label 控件 ， 均 使 用 默认 的 控件 名 称 ， 然 后 在 SecondPage.aspx 的 Page load 事件 中 添加 下 
面 的 代码 。 


protected void Page Load(object sender, EventArgs e) 


{ 
1f (PreviousPage != null) 
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TextBox textboxl = (TextBox)PreviousPage.FindControl("TextBox1"); 
TextBox textbox2 = (TextBox)PreviousPage.FindControl("TextBox2"); 
Labell.Text= "学 号 : "+Textbox1. Text; 
Label2.Text= "姓名 : "+Textbox2.Text; 


H 


(4) 切换 到 FirstPage.aspx 网 页 ， 按 FS 键 调试 运行 。 运 行 效果 与 【 例 5-3】 相 似 。 

在 SecondPage.aspx 网 页 中 ， 使 用 了 PreviousPage FindControl 获取 FirstPage.aspx 网 页 中 
的 控件 值 。 这 种 方法 与 利用 Session 对 象 传递 数据 相 比 ， 不 需要 一 直 占 用 服务 器 资源 ， 适 合 
于 页 面 间 传 递 较 多 的 信息 时 使 用 ， 使 页 面 间 的 数据 传递 更 加 灵活 方便 。 

【 例 5-5】 演 示 了 如 何 利用 PreviousPage 属性 获取 源 页 面 的 控件 值 。 如 果 要 在 

SecondPage.aspx 网 页 中 访问 FirstPage.aspx 网 页 中 的 公共 属性 ， 可 以 按照 下 面 的 步骤 进行 。 

(1) 在 FirstPage.aspx 中 定义 属性 。 例 如 : 

public string Number 


get {retum TextBoxl.Text} 
) 
public string UserName 
t 
get {retum TextBox2.Text} 


) 
protected void Button1_Click(object sender, EventArgs e) 


{ 
Server. Transfer("SecondPage.aspx"); 


) 
(2) 在 SecondPage.aspx 的 【 源 】 视 图 中 添加 以 下 代码 : 
<%(@PreviousPageType VirtualPath="~/FirstPage.aspx"%> 


然后 就 可 以 在 SecondPage.aspx 的 后 台 代 码 中 使 用 FirstPage.aspx 中 定义 的 Number 和 
UserName 属性 了 。 例 如 : 


Protected void Page load(object sender, EventArgs e) 
t 
If(PreviousPage!=null) 
í 
Labell.Text=" 学 号 : "+PreviousPage.Number; 
Label2.Text=" 姓 名 : "+PreviousPage.UserName; 
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52 ”网 站 导航 


在 最 细微 的 层次 上 ， 网 站 不 过 是 由 很 多 网 页 组 成 的 集合 。 然 而 ， 通 常 这 些 网 页 都 是 逻辑 
上 相关 联 且 以 某 种 方式 分 类 的 。 例如 , 一 个 网 上 商店 可 以 按 产 品 分 类 组 织 网 站 , 如 书籍 、CD、 
DVD 等 。 这 些 部 分 又 可 以 分 别 按 各 自 的 种 类 分 类 ， 如 书籍 可 以 分 为 计算 机 类 书籍 、 经 济 类 书 
籍 等 。 这 样 可 以 使 网 站 具有 清晰 的 逻辑 结构 。 将 网 页 分 组 成 不 同 的 逻辑 类 别称 为 网 站 的 结构 。 

定义 网 站 的 结构 后 ， 大 多 数 Web 开发 人 员 将 创建 网 站 导航 。 网 站 导航 是 用 于 帮助 用 户 
浏览 网 站 的 用 户 界面 元 素 集合 。 常 见 的 导航 元 素 包 括 面包 条 、 菜 单 和 树 视图 。 这 些 用 户 界面 
元 素 常用 于 完成 两 种 任务 , 一 是 让 用 户 知道 自己 在 所 访问 网 站 中 的 位 置 , 二 是 让 用 户 更 容易 、 
更 快速 地 跳 转 到 网 站 的 其 他 部 分 。 
5.2.1 ASPNET 网 站 导航 功能 概述 


网 站 导航 主要 提供 了 如 下 功能 : 

(1) 使 用 站 点 地 图 描述 网 站 的 逻辑 结构 。 添 加 或 移 除 页 面 时 ， 开 发 人 员 可 以 简单 地 通过 
修改 站 点 地 图 来 管理 页 面 导航 。 

(2) 提供 导航 控件 ， 在 页 面 上 显示 导航 菜单 。 导 航 菜单 以 站 点 地 图 为 基础 。 

(3) 可 以 以 代码 方式 使 用 ASP.NET 网 站 导航 , 以 创建 自 定义 导航 控件 或 修改 在 导航 菜单 
中 显示 的 信息 的 位 置 。 

ASP.NET 3.5 提供 了 3 种 导航 Web 控件 。 

(1) SiteMapPath: 这 个 Web 控件 提供 一 个 面包 条 (breadcrumb)， 它 是 一 行文 本 ， 显 示 用 户 
当前 在 网 站 结构 中 的 位 置 。 例 如 ， 在 网 上 书店 中 ， 如 果 用 户 浏览 到 《Visual C++》， 面 包 条 
可 能 类 似 于 “主页 -> 计算 机 -> 编程 类 ->Visual C++”， 其 中 每 部 分 (如 主页 ， 计 算 机 等 ) 都 显示 
为 返回 到 前 一 部 分 的 链接 。 面 包 条 能 够 让 用 户 快速 地 查看 当前 在 网 站 中 的 位 置 ， 并 沿 逻 辑 层 
次 结构 向 上 导航 。 图 5-7 显示 了 运行 中 的 SiteMapPath 控件 。 

(2) Menu: 这 个 Web 控件 提供 网 站 结构 的 层次 视图 。 对 于 学 校 的 网 站 ， 顶 层 菜单 将 包含 
主 类 别 (如 学 校 介绍 、 机 构 设 置 、 新 闻 等 )， 每 个 菜单 项 又 可 以 有 各 自 的 子 菜单 ， 显 示 各 自 的 
子 类 别 。 关 于 运行 中 的 Menu 控件 可 参见 图 5-10。 

(3) TreeView: 树 视图 提供 了 与 菜单 相同 的 数据 , 唯一 的 区 别 是 显示 数据 的 方式 。 树 视图 
显示 的 是 可 展开 或 可 折 又 的 树 ， 而 菜单 (Menu) 由 菜单 项 和 子 菜单 组 成 。 图 5-11 显示 了 通过 浏 
览 器 查看 时 的 TreeView 控件 。 

一 般 情况 下 ， 开 发 人 员 利 用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 ,利用 Menu J 
件 或 者 TreeView 控件 实现 自 定义 导航 。 


522 ”利用 站 点 地 图 和 SiteMapPath 控件 实现 网 站 导航 
要 使 用 SiteMapPath 导航 控件 ， 首 先 需 要 使 用 站 点 地 图 定义 网 站 的 结构 ， 创 建站 点 地 图 
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文件 。 然 后 使 用 SiteMapPath 控件 实现 网 站 导航 。 

要 创建 站 点 地 图 ， 可 遵循 在 应 用 程序 中 添加 ASP.NET 网 页 的 步骤 。 也 就 是 在 【解决 方 
案 资 源 管 理 器 】 中 右 击 应 用 程序 名 称 ， 在 弹出 菜单 中 选择 【添加 新 项 】， 然 后 在 弹出 的 【 添 
加 新 项 】 对 话 框 中 ， 选 择 【 站 点 地 图 】 选 项 (参见 图 5-6 所 示 ) 并 单 击 【添加 】 按钮 。 这 将 为 应 
程序 添加 一 个 名 为 Web.sitemap 的 站 点 地 图 。 


注意 : 

添加 站 点 地 图 到 应 用 程序 中 时 ， 需 要 将 站 点 地 图 放 在 Web 应 用 程序 的 根 目录 下 ,并 保持 
其 文件 为 Web.sitemap。 如 果 将 该 文件 放 在 另 一 个 文件 夹 中 或 选择 不 同 的 文件 名 ，SiteMapPath 
导航 控件 将 不 能 找到 站 点 地 图 ， 就 不 能 知道 网 站 的 结构 ， 因 为 默认 情况 下 SiteMapPath 导航 
控件 在 根 目 录 下 寻找 名 为 Web.sitemap 的 文件 。 


添加 站 点 地 图 后 ， 在 【解决 方案 资源 管理 器 】 中 双击 Web.sitemap 文件 ， 打 开 这 个 文件 ， 
将 显示 默认 情况 下 站 点 地 图 中 的 标记 ， 程 序 清单 如 下 : 


<?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="" title="" description=""> 
<siteMapNode url="" title="" description="" /> 
<siteMapNode url="" title="" description="" /> 
</siteMapNode> 
</siteMap> 


站 点 地 图 是 指 描 述 网 站 逻辑 结构 的 XML 文件 ， 该 文件 的 扩展 名 为 .sitemap。 这 个 XML 
文件 包含 网 站 的 逻辑 结构 。 要 定义 网 站 的 结构 ， 需 要 手工 编辑 这 个 文件 。 
注意 : 


内 部 没有 内 容 的 XML 元 素 可 以 采用 两 种 形式 的 结束 标签 : 一 种 是 宛 余 方式 ， 如 <myTag 
attribute="value"...></myTag>， 男 一 种 是 使 用 简洁 方法 ， 如 <myTag attribute="value".../>, 


定义 好 站 点 地 图 以 后 ， 就 可 以 使 用 SiteMapPath 控件 显示 导航 路 径 ， 也 就 是 显示 当前 页 
面 在 网 站 中 的 位 置 。 只 需要 将 该 控件 拖 放 到 站 点 地 图 中 包含 的 .aspx 页 面 上 ， 它 就 会 自动 实现 
导航 ， 不 需要 开发 者 编写 任何 代码 。 

注意 : 

只 有 包含 在 站 点 地 图 中 的 网 页 才能 被 SiteMapPath 控件 导航 ; 如 果 将 SiteMapPath 控件 放 
置 在 站 点 地 图 中 未 列 出 的 网 页 中 ， 该 控件 将 不 会 显示 任何 信息 。 


SiteMapPath 控件 像 大 多 数 Web 控件 一 样 ， 也 有 很 多 可 用 于 定制 其 外 观 的 属性 。 表 5-1 
所 示 为 SiteMapPath 控件 的 常用 属性 。 
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表 5-1 SiteMapPath 控件 的 常用 属性 


属 性 名 说 明 
CurrentNodeStyle 定义 当前 节点 的 样式 ， 包 括 字体 、 颜 色 、 样 式 等 
NodeStyle 定义 导航 路 径 上 所 有 节点 的 样式 
EE EEE 指定 在 导航 路 径 上 显示 的 相对 于 当前 节点 的 父 节点 层 数 。 默 认 值 为 -1， 表 示 
父 级 别 数 没 有 限制 
指定 导航 路 径 上 各 节点 的 显示 顺序 。 默 认 值 为 RootToCurent， 即 按 从 左 到 
PathDirection 右 的 顺序 显示 从 根 节点 到 当前 节点 的 路 径 。 另 一 选项 为 CurrentToRoot， 即 
按 相 反 的 顺序 显示 导航 路 径 
PathSeparator 指定 导航 路 径 中 节点 之 间 分 隔 符 。 默 认 值 为 >， 也 可 自 定 义 为 其 他 符号 
PathSeparatorStyle 定义 分 隔 符 的 样式 
RenderCurrentNodeAsLink | “是否 将 导航 路 径 上 当前 页 名 称 显示 为 超 链接 。 默 认 值 为 hlse 
RootNodeStyle 定义 根 节点 的 样式 
当 鼠 标 悬 停 于 导航 路 径 的 某 个 节点 时 , 是 否 显示 相应 的 工具 提示 信息 。 默 认 
ShowToolTips 值 为 tue， 即 当 鼠 标 悬 停 于 某 节点 上 时 ， 显 示 该 节点 在 站 点 地 图 中 定义 的 


Description 属性 值 


下 面 通过 具体 例子 演示 如 何 利用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 。 
【 例 5-6】 创 建 如 图 5-5 所 示 的 站 点 地 图 ， 然 后 利用 SiteMapPath 控件 实现 自动 导航 。 


主页 
Home.aspx 


计算 机 类 经 济 类 
PartOne.aspx PartTwo.aspx 


POl.aspx PO2. aspx 


图 5-5 网 上 书店 网 站 的 逻辑 结构 


(1) 运行 VWD 2008， 新 建 一 个 名 为 SiteMapPath_Example 的 ASP.NET Web 应 用 程序 。 
(2) 在 应 用 程序 中 添加 一 个 名 为 Web.sitemap 的 站 点 地 图 。 如 图 5-6 所 示 。 
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| Visus Studio 已 安装 的 模板 
本 WF Bro MPR 
司 ATAr ve W$ ZJN SPRM 
SJN 客户 端 行 为 ama 
时 JSeript 文件 DUR to A server BEE 


图 5-6 创建 站 点 地 图 
(8) 将 Web.sitemap 文件 中 的 内 容 改 为 如 下 形式 : 


<?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="~/Home.aspx" title=" 主 页 " description="Home"> 
<siteMapNode url="~/PartOne.aspx" title=" 计 算 机 类 " description=" 单 击 此 链接 转 到 计算 机 
类 "> 
<siteMapNode url="~/PO1.aspx" title=" 应 用 类 " description=" 单 击 此 链接 转 到 应 用 类 
"x £ > 
<siteMapNode url="~/PO2.aspx" title=" 编 程 类 " description=" 单 击 此 链接 转 到 编程 类 
"> 
</siteMapNode> 
<siteMapNode url="~/PartTwo.aspx" title=" 经 济 类 " ”description=" 单 击 此 链接 转 到 经 济 类 " > 
</siteMapNode> 
</siteMapNode> 
</siteMap> 


注意 : 

站 点 地 图 文件 中 只 能 有 一 个 根 节点 ， 即 位 于 <sitemap> 下 方 的 第 一 个 <siteMapNode> 元 素 
中 的 Home.aspx 页 面 。 在 根 节点 下 可 以 襄 套 任意 多 个 子 节点 ， 子 节点 仍然 用 <siteMapNode> 
RR 

在 每 个 节点 的 定义 中 ，title 实现 在 导航 控件 中 显示 指定 页 面 的 名 称 ，description 实现 鼠 
标 悬 停 于 导航 控件 的 某 个 节点 时 所 要 显示 的 提示 信息 ，ul 实现 指定 节点 对 应 的 页 面 路 径 。 

(4) 保存 文件 ， 完 成 站 点 地 图 的 设计 。 

定义 了 站 点 地 图 之 后 ， 就 可 以 在 导航 控件 中 轻松 实现 导航 功能 。 

(5) 在 【解决 方案 资源 管理 器 ] 中 , 分 别 添加 名 为 Home .aspx、PartOne aspx、PartTwo .aspx、 
PO1.aspx 和 PO2.aspx 网 页 。 

(6) 切换 到 PartOne.aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 1 个 SiteMapPath 控件 ， 即 可 以 
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看 到 该 页 面相 对 应 于 Home.aspx 的 导航 路 径 ， 


如 图 5-7(a) 所 示 。 


(7) 切换 到 PO2 aspx 的 【设计 】 视 图 ， 向 页 面 中 拖 放 1 个 SiteMapPath 控件 ， 即 可 看 到 
该 页 面相 对 应 于 Home.aspx 和 PartOne.aspx 的 导航 路 径 ， 如 图 5-7 (b) 所 示 。 


马 例 SiteMapPath - Visual Veb Developer 2008 加 成 二 


文件 四 REO HEV 网 站 GE) ERO MAY BEO RW 
, 


POT @ | 1 2; A Bz 
G) z RUPP z BUX p Z DU 


物 PartOne. aspx! Hone. aspx | RTT 
ok 
š ET > 计算 机 类 


时 


(a) 拖 放 到 PartOne.aspx 的 效果 
图 5-7 将 SiteMapPath 控件 拖 放 到 页 面 后 看 到 的 效果 


as 
= Ei 


O ASiteNapPath - Visual Web Developer 2008 玉成 版 


文件 四 SEO HEV ARO 生成 @) MAO 格式 @) RW IA 
a Häda a EP aAA 
G) z RUFE) > MAA» B Z U Ejs. 


POZ. aspz FOl aspx | PertDne aspx | Home. aspx | RTI 


主页 > 计算 机 类 > 编程 类 


* 
3 
E] 
š 
3 


(b) 拖 放 到 PO2.aspx 的 效果 


可 见 ， 利 用 站 点 地 图 和 SiteMapPath 控件 实现 自动 导航 非常 方便 。 如 果 不 希 望 采 用 这 种 
方式 导航 ， 也 可 以 利用 Menu 控件 或 者 TreeView 控件 实现 自 定义 导航 功能 。 


52.3 ”利用 Menu 控件 实现 自 定义 导航 


Menu 控件 主要 用 于 创建 


个 菜单 ， 让 上 


户 快速 选择 不 同 页 面 ， 从 而 完成 导航 功能 。 该 


控件 可 以 包含 一 个 主 菜单 和 多 个 子 菜单 。 菜 单 有 静态 和 动态 两 种 显示 模式 。 静 态 显示 模式 是 
态 显示 模式 指 需要 用 户 将 鼠标 停留 在 菜单 项 上 时 才 显 示 子 


指定 义 的 菜单 始终 完全 显示 ， 动 


Menu 控件 的 常用 属性 如 表 5-2 所 示 。Menu 控件 的 属性 很 多 ， 这 里 不 逐一 介绍 。 


表 5-2 Menu 控件 的 常用 属性 


属 性 名 说 BB 
icEnableDefaultPopOutIma 
DynamicEnableDefaultPopOutimage | 是 否 在 菜单 各 项 之 间 显示 分 隔 图 像 。 默 认 值 为 tue 
StaticEnableDefaultP， tImage 
icPopOutImageUrl 
RA 设置 菜单 中 自 定义 分 隔 图 像 的 URL 
StaticPopOutImageUrl 
DynamicBottomSeparatorImageUrl 指定 在 菜单 项 下 方 显示 图 像 的 URL。 默认 值 为 空 字符 串 (")， 即 菜 
StaticBottomSeparatorImageUrl 单项 下 方 不 显示 任何 图 像 
DynamicTopSeparatorImageUrl 指定 在 菜单 项 上 方 显示 图 像 的 URL。 默认 值 为 空 字符 串 (")， 即 菜 
StaticTopSeparatorImageUrl 单项 上 方 不 显示 任何 图 像 
DynamicHorizontalOffset 指定 菜单 相对 于 其 父 菜单 的 水 平 距离 ， 单 位 是 像素 ， 默 认 值 为 0。 
StaticHorizontalOffset 该 属性 值 可 正 可 负 ， 为 负 值 时 ， 各 菜单 之 间 的 距离 会 缩小 
DynamicVerticalOffse 
ee 指定 菜单 相对 于 其 多 菜单 项 的 冬 直 距离 
StaticVerticalOffset 
MaximumDynamicDisplayLevels 设置 动态 菜单 的 最 大 层 数 。 默 认 值 为 3 
n 设置 菜单 的 展开 方向 。 有 Horizontal 和 Vertical 两 个 选项 ,默认 什 
Orientation 


为 Vertical， 即 垂直 方向 
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Menu 控件 的 用 法 非常 灵活 , 设计 者 可 以 利用 它 定义 各 种 菜单 样式 , 实现 类 似 于 Windows 
窗口 菜单 的 功能 。 
下 面 通过 一 个 具体 的 例子 演示 如 何 利用 Menu 控件 实现 自 定义 导航 。 
【 例 5-7】 假 定 网 站 的 结构 如 图 5-8 所 示 ， 然 后 利用 Menu 控件 在 网 页 中 添加 一 个 菜单 ， 
实现 自 定义 导航 功能 。 


学 校 介绍 
PartOne.aspX 
人 事 处 教务 处 学 生 处 动态 信息 
PartTwo1.aspx PartTwo2.aspx PartTwo3.asp PartThreel.aspx 


图 5-8 ”学校 网 站 的 逻辑 结构 
设计 步骤 如 下 。 


(1) 运行 VWD 2008， 新 建 一 个 名 为 Menu_Example 的 ASP.NET Web 应 用 程序 。 

(2) 在 应 用 程序 中 分 别 添加 名 为 PartOne.aspx 、PartTwol.aspx 、PartTwo2.aspx ~ 
PartTwo3.aspx、PartThreel.aspx 和 PartThree2.aspx 网 页 。 

(3) 在 应 用 程序 中 添加 一 个 名 为 MenuExample.aspx 的 网 页 ， 然 后 切换 到 【设计 】 视 图 ， 
向 页 面 拖 放 一 个 Menu 控件 。 

(4) 将 Menu 控件 的 Orientation 属性 设置 为 Horizontal， 以 便 使 其 横向 排列 。 

(5) 单 击 Men 控件 右上 方 的 小 三 角 符 号 ， 选 择 【 编 辑 菜单 项 】， 在 弹出 的 【菜单 项 编 
辑 器 】 对 话 框 中 ， 输 入 各 级 菜单 项 ， 如 图 5-9 所 示 。 


学 校 公告 
PartThree2.aspx 


图 5-9 在 【菜单 编辑 器 】 中 编辑 菜单 


(6) 在 【菜单 编辑 器 】 窗 口 右 侧 的 属性 选项 中 ， 利 用 NavigateUr 属性 设置 各 菜单 项 链接 
的 网 页 ， 全 部 设置 完成 后 ， 单 击 【确定 】 按 钮 。 
(7) 切换 到 MenuExample.aspx 的 【 源 】 视 图 ， 将 <body> 和 </body> 之 间 的 部 分 改 为 如 下 
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<asp:Menu ID="Menul" runat="server" 
EnableViewState= "False" 
DynamicHorizontalOffset="2" 
DynamicVerticalOffset="5" 
Target="_blank" 
Font-Names="Verdana" 
Font-Size="Medium" 
ForeColor="#FF3300" 
BackColor="#99CCFF" 
StaticSubMenulndent="10px" Orientation="Horizontal" > 
<StaticHoverStyle BackColor="#FFCCCC" ForeColor="white" /> 
<StaticSelectedStyle BackColor="#FFCC66"/> 
<StaticMenultemStyle HorizontalPadding="5px" VerticalPadding ="2px" /> 
<DynamicHoverStyle BackColor ="#990000" ForeColor ="White" /> 
<DynamicMenuStyle BackColor ="#FFFBD6" BorderColor ="#00C0C0" 
BorderStyle ="Solid" BorderWidth =" 1px" 
HorizontalPadding =" 10px" VerticalPadding ="2px" /> 
<DynamicSelectedStyle BackColor ="#FFCC66" /> 
<DynamicMenultemStyle HorizontalPadding ="5px" ItemSpacing= "2px" /> 
<Items> 
<asp:Menultem Tex 全 "学校 介绍 " NavigateUrl="~/PartOne.aspx" > 
</asp:Menultem> 
<asp:Menultem Text=" 机 构 设 置 " Value=" 机 构 设置 " > 
<asp:Menultem Text=" 人 事 处 " NavigateUrl="~/PartTwol.aspx" Value=" 人 事 处 
"></asp:Menultem> 
<asp:Menultem Text=" 教 务 处 " NavigateUrl="~/PartTwo2.aspx" Value=" 教 务 处 
"></asp:Menultem> 
<asp:Menultem Text=" 学 生 处 " NavigateUrl="~/PartTwo3.aspx" Value=" 学 生 处 
"></asp:Menultem> 
</asp:Menultem> 
<asp:Menultem Text=" 新 闻 " Value=" 新 闻 " > 
<asp:Menultem Text=" 动 态 信息 " NavigateUrl="~/PartThreel.aspx" Value=" 动 
态 信 息 " ></asp:Menultem> 
<asp:Menultem Text=" 学 校 公告 " NavigateUrl="~/PartThree2.aspx" Value=" 学 
校 公告 " ></asp:Menultem> 
</asp:Menultem> 
</Items> 
</asp:Menu> 


当然 ， 也 可 以 在 【设计 】 视 图 下 设置 Menu 控件 的 各 种 属性 得 到 上 面 的 代码 。 
(8) 为 了 便于 区 别 本 例子 中 的 各 个 网 页 ， 分 别 在 PartOne.aspx 、PartTwol.aspx、 
PartTwo2.aspx, PartTwo3.aspx, PartThreel.aspx 和 PartThree2.aspx 网 页 中 添加 文字 “欢迎 了 
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解 学 校 ， 以 下 将 对 学 校 进行 介绍 ”、“ 欢 迎 来 到 人 事 处 网 页 ! ”、“ 欢 迎 来 到 教务 处 网 页 ! ”、 
“欢迎 来 到 学 生 处 网 页 ! ”、“ 欢 迎 了 解 动态 信息 ! ”和 “欢迎 了 解 学 校 公 告 ! ”。 
(9) 切换 到 MenuExample.aspx 网 页 ， 按 F5 键 调试 运行 ， 效 果 如 图 5-10 所 示 。 


XED RED FEV KAN TAD SHW 
9D- ma m te o A-3 m - J ü 


|l tip: ocho: 1055/PBen/snuEcaapl a. aspe 


Emt /focalhost: 1055/ Whena/P2 aspx 


图 5-10 Menu 控件 的 运行 效果 


52.4 利用 TreeView 控件 实现 自 定义 导航 


TreeView 控件 与 Menu 控件 相似 , 都 提供 了 导航 功能 。TreeView 控件 与 Menu 控件 的 区 
别 是 它 不 再 像 Menu 控件 由 菜单 项 和 : 了 菜单 组 成 而 是 用 一 个 可 折 又 树 显 示 网 站 的 各 个 部 分 。 
根 节点 下 可 以 包含 多 个 子 节点 ， 子 节点 下 又 可 以 包含 子 节点 ， 最 下 层 是 叶 节点 。 访 问 者 可 以 
快速 看 到 网 站 的 所 有 部 分 及 位 于 网 站 结构 层次 中 的 位 置 。 树 中 的 每 个 节点 都 显示 为 一 个 超 链 
接 ， 被 单 击 时 把 用 户 引导 到 相应 的 部 分 。 

TreeView 控件 也 包含 很 多 属性 ， 其 中 常用 属性 如 表 5-3 所 示 。 


表 5-3 TreeView 控件 的 常用 属性 


属 性 名 说 BH 
CollapseImageUrl 节点 折 受 后 显示 的 图 像 。 默 认 情 况 下 ， 常 用 带 方 框 的 + 号 作为 可 展开 指示 图 像 
ExpandImageUrl 节点 展开 后 显示 的 图 像 。 默 认 情况 下 ， 常 用 带 方 框 的 - 号 作为 可 折 营 指示 图 像 
EnableClientScript 是 否 可 以 在 客户 端 处 理 节点 的 展开 和 折 受 事件 。 默 认 值 为 tme 
第 一 次 显示 TreeView 控件 时 ， 树 的 展开 层次 数 。 默 认 值 为 FullyExpand( 即 -1)， 表 
ipta 示 全 部 展开 所 有 节点 
Nodes 设置 TreeView 控件 的 各 级 节点 及 其 属性 


是 否 显示 折 营 、 展 开 图 像 。 默 认 值 为 tme 


ShowLines 是 否 显 示 连 接 子 节点 和 父 节点 之 间 的 连 线 。 默 认 值 为 false 
指示 在 哪些 类 型 节点 的 文本 前 显示 复 选 框 。 共有 5 个 属性 值 : None( 所 有 节点 均 不 
ShowCheckBoxes 显示 )、Root( 仅 在 根 节点 前 显示 )、Parent( 仅 在 父 节点 前 显示 )、Leaf 仅 在 叶 节 点 前 


显示 ) 和 All( 所 有 节点 前 均 显 示 )。 默 认 值 为 None 


除了 表 5-3 所 示 的 TreeView 的 常用 属性 外 ，TreeView 控件 还 有 很 多 与 外 观 相关 的 属性 ， 
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可 以 用 来 定制 TreeView 的 外 观 。TreeView 控件 的 外 观 属性 如 表 5-4 所 示 。 


354 TreeView 控件 的 外 观 属性 


属 性 名 说 BB 
HoverNodeStyle 当 鼠 标 悬 停 于 节点 上 时 ， 节 点 的 样式 
LeafNodeStyle 叶 节 点 的 样式 
LevelStyle 特殊 深度 节点 的 样式 
NodeStyle 所 有 节点 的 默认 样式 
ParentNodeStyle 父 节 点 的 样式 
RootNodeStyle 根 节点 的 样式 
SelectedNodeStyle 选 定 节点 的 样式 


下 面 通过 一 个 例子 演示 如 何 利用 Menu 控件 实现 自 定义 导航 。 
【 例 5-8】 利 用 TreeView 控件 实现 如 图 5-11 所 示 的 导航 功能 ， 当 单 击 “ 节 点 ”时 ， 导 
航 到 对 应 的 网 页 。 


J 无 标题 页 - Nicrosoft Internet Explorer 

XO RED FEV KRA IAV MHW 

2 D NAIR kum. o 0-a 加- ü 

HAIE M) Ë] http://localhost: 1031/PlTreeVi ew/TreeVi exExanple. aspx v E a! 


2008 级 班级 管理 
中 08 信 息 管理 系 
| 信 管 08-1 班 
上 - 信 管 08-2 班 
上 - 信 管 08-3 班 
-08 外 语系 
FPR808-188 
上 -外语 08-2 班 
上 -外语 08-3 班 
B2007 级 班级 管理 
|-07 信 息 管理 系 
-07 外 语系 


~ 


图 5-11 TreeView 导航 示例 


= = 


(1) 运行 VWD 2008， 新 建 一 个 名 为 TreeView_Example 的 ASP.NET Web 应 用 程序 。 

D 在 应 用 程序 中 分 别 添加 例子 中 需要 的 网 页 InfonmationManage classl.aspx ~ 
Information Manage class2.aspx、 Information Manage class3.aspx、 ForeignLanguage classl.aspx、 
ForeignLanguage class2.aspx 和 ForeignLanguage class3.aspx。 

G) 在 应 用 程序 中 添加 一 个 名 为 TreeViewExample.aspx 的 网 页 ， 然 后 切换 到 【设计 】 视 
图 ， 向 页 面 中 拖 放 一 个 TreeView 控件 。 

(4) 将 TreeView 控件 的 样式 设置 为 如 图 5-12 左 侧 的 样式 。 

(5) 单 击 TreeView 控件 右上 方 的 小 三 角 符 号 ， 选 择 【 编 辑 节点 】， 在 弹出 的 【Treeview 
节点 编辑 器 】 对 话 框 中 ， 输 入 各 节点 名 称 ， 如 图 5-12 所 示 。 
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说 明 : 
为 了 让 读者 能 看 到 添加 节点 后 的 效果 , 图 5-12 采用 的 是 添加 后 重新 进入 编辑 状态 看 到 的 
效果 。 如 果 是 第 一 次 添加 节点 ， 不 会 看 到 图 中 左 侧 TreeView 控件 显示 的 效果 。 


页 TreeVievEronple. aspx Information... _class3. aspx Information .. class2. aspx | Information... class]. aspx 


asp:TreeView# Treeview! z 
“I Treeyiew 任务 


自动 套用 格式 , | rreeview 节点 编辑 各 
e G 


i eoe Pass ET POST 四] 

地 z 
| | Lawa usta Sr 一 -aa 
I 信 管 08-3 班 £ PopulateOnDenand False 
EE W m 
了 or —— 

Text 偏 管 08-1 班 

Loan is Ë Tooltip B 
We ‘Checked 


NER avante. 


图 5-12 ”编辑 Treeview 节点 


(6) 在 【TreeView 节点 编辑 器 】 对 话 框 右 侧 的 属性 选项 中 ,利用 NavigateUr 属性 设置 各 
节点 链接 的 网 页 ， 全 部 设置 完成 后 ， 单 击 【 确 定 】 按 钮 。 

(7) 切换 到 TreeViewExample.aspx 的 【 源 】 视 图 , 将 <body> 和 <body/> 之 间 的 部 分 改 为 如 
下 内 容 : 


<asp:TreeView ID="TreeView1" runat="server" Target=" blank" Height ="376px" 
Width ="165px" ShowLines="True"> 
<Nodes> 
<asp:TreeNode Text="2008 级 班级 管理 " Value="2008 级 班级 管理 "> 
<asp:TreeNode Text="08 信息 管理 系 " Value="08 信息 管理 系 "> 
<asp:TreeNode Text=" 信 管 08-1 HE" Value=" 信 管 08-1 HE" 
NavigateUrl="~/InformationManage classl.aspx" > 
</asp:TreeNode> 
<asp:TreeNode Text=" 信 管 08-2 HE" Value=" 信 管 08-2 班 " 
NavigateUrl="~/InformationManage class2.aspx" > 
</asp:TreeNode> 
<asp:TreeNode Text=" 信 管 08-3 HE" Value=" 信 管 08-3 HE" 
NavigateUrl="~/InformationManage class3.aspx"> 
</asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text="08 外 语系 " Value="08 外 语系 "> 
<asp:TreeNode Text=" 外 语 08-1 班 " Value=" 外 语 08-1 班 " 
NavigateUrl="—/ForeignLanguage classl.aspx"> 
</asp:TreeNode> 
<asp:TreeNode Text=" 外 语 08-2 班 " Value=" 外 语 08-2 班 " 
NavigateUrl="—/ForeignLanguage class2.aspx"> 
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</asp:TreeNode> 
<asp:TreeNode Text=" 外 语 08-3 班 " Value=" 外 语 08-3 班 " 
NavigateUrl="~/ForeignLanguage class3.aspx"> 
</asp:TreeNode> 
</asp:TreeNode> 
</asp:TreeNode> 
<asp:TreeNode Text="2007 级 班级 管理 " Value="2007 级 班级 管理 "> 
<asp:TreeNode Text="07 信息 管理 系 " Value="07 信息 管理 系 "> 
</asp:TreeNode> 
<asp:TreeNode Text="07 外 语系 " Value="07 外 语系 "> 
</asp:TreeNode> 
</asp:TreeNode> 
</Nodes> 
</asp:TreeView> 


(8) 为 了 便于 区 别 此 例 中 的 各 个 网 页 ， 分 别 在 InformationManage classl.aspx ~ 
InformationManage class2.aspx, InformationManage class3.aspx 网 页 中 添加 文字 “欢迎 来 到 信 
息 管理 系 08-1 班 ”、“ 欢 迎 来 到 信息 管理 系 08-2 班 ” 和 “欢迎 来 到 信息 管理 系 08-3 班 ”。 
接着 用 同样 的 方法 分 别 在 ForeignLanguage classl.aspx ForeignLanguage class2.aspx 、 
ForeignLanguage_class3.aspx 网 页 中 添加 文字 “欢迎 来 到 外 语系 系 08-1 班 ”、“ 欢 迎 来 到 外 
语系 系 08-2 班 ” 和 “欢迎 来 到 外 语系 系 08-3 班 ”。 

(9) 切换 到 TreeViewExample.aspx 网 页 ， 按 F5 键 调试 运行 ， 分 别 展 开 和 折 受 相应 节点 ， 
并 单 击 “2008 级 班级 管理 ”下 “08 信息 管理 系 ” 和 “08 外 语系 ”中 的 叶 节 点 ， 观 察 链接 
效果 。 


实验 5 页 面 切换 与 导航 


1. 实验 目的 


熟悉 页 面 切换 和 网 站 导航 的 常用 方法 ， 掌 握 利用 超 链接 、 按 钮 的 PostBackUd 属性 、 
Response.Redirect 和 Server.Transfer 属性 实现 从 一 个 页 面 切换 到 另 一 个 页 面 的 方法 ， 利 用 
SiteMapPath, Menu 和 TreeView 控件 实现 网 站 导航 。 


2. 实验 内 容 和 要 求 


(1) 运行 VWD 2008， 新 建 一 个 名 为 Pages Exercise 的 ASP.NET Web 应 用 程序 。 

(2) Ý Pages Exercise 应 用 程序 中 ， 添 加 一 个 名 为 Home.aspx 的 主 网 页 。 

(3) 在 应 用 程序 中 添加 1 个 网 页 Pagel.aspx， 利 用 超 链 接 实现 从 Home.aspx 主 网 页 切换 
到 此 网 页 。 

(4) 在 应 用 程序 中 添加 3 个 网 页 Page2.aspx、Page3.aspx 和 Page4.aspx, 分 别 利用 Button, 
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LinkButton 和 ImageButton 控件 的 PostBackUzrl 属性 实现 从 Pagel.aspx 网 页 切换 到 此 3 个 网 页 。 

(5) 在 应 用 程序 中 添加 2 个 网 页 Page5.aspx 和 Page6.aspx, 用 QueryString 对 象 传递 数据 
的 方法 实现 从 Page2.aspx 网 页 切换 到 Page5.aspx 网 页 ， 用 Session 对 象 传递 数据 的 方法 实现 
从 Page3.aspx 网 页 切换 到 Page6.aspx 网 页 。 

(6) 利用 站 点 地 图 和 SiteMapPath 导航 控件 实现 从 Home.aspx 网 页 到 网 页 Pagel.aspx、 
Page2.aspx、Page3.aspx 和 Page4.aspx 的 自动 网 站 导航 。 

(7) 在 主 网 页 Home.aspx 中 ， 利 用 Menu 控件 实现 自 定义 导航 。 

(8) 在 子 网 页 Pagel.aspx 中 ， 利 用 TreeView 控件 实现 自 定 义 导 航 。 
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开发 Web 应 用 程序 通常 需要 考虑 两 个 方面 : 功能 和 外 观 。 其 中 ， 外 观 考虑 使 Web 站 点 
更 美观 一 些 ， 包 括 控件 的 颜色 、 图 像 的 使 用 ， 页 面 的 布局 。ASPNET 提供 了 一 些 可 在 应 用 程 
序 中 对 页 面 、 控 件 的 外 观 和 样式 进行 自 定 义 的 功能 ， 例 如 可 以 为 某 个 控件 设置 字体 、 背 景色 
和 前 景色 、 宽 度 以 及 高 度 等 样式 ， 还 可 以 通过 合理 定位 页 面 中 的 元 素 ， 为 用 户 展现 出 易于 使 
上 且 视 觉 美观 的 效果 。 本章 将 全 面 来 研究 Web 应 用 程序 中 样式 控制 和 页 面 布局 所 用 到 的 技术 
和 使 用 方法 。 


本 章 的 学 习 目标 

o 理解 CSS 的 概念 ， 掌 握 CSS 的 用 法 

e° 理解 布局 的 概念 ， 掌 握 CSS 和 Div 布局 的 方法 

e° 理解 母 版 页 和 内 容 页 的 概念 ， 掌 握 创建 母 版 页 和 内 容 页 的 方法 
。 理解 主题 的 概念 ， 掌 握 主题 的 创建 和 引用 


= 
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样式 是 指 XHTML 标记 元 素 在 浏览 器 中 呈现 的 形式 , 如 字体 的 大 小 、 颜 色 等 .在 XHTML 
中 ， 最 容易 、 最 快速 的 方法 是 通过 设置 标记 元 素 的 style 属性 来 控制 元 素 的 样式 ， 其 一 般 
形式 为 : 
< 元 素 名 称 style=" 属 性 名 1: 属 性 值 1; 属性 名 2: 属 性 值 2; ...... "> 显示 内 容 </ 元 素 名 称 > 


属性 名 与 属性 值 之 间 用 冒号 (分隔 ， 如 果 一 个 样式 中 包含 多 个 属性 ， 各 属性 之 间 用 分 号 
ORIF. ltn: 


<div style="font-weight:bold:color:Red:border:solid 2pt navy"> 这 是 一 个 有 样式 的 层 </div> 


在 Intemet Explorer 中 显示 的 外 观 如 图 6-1 所 示 。 
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图 6-1 包含 style 样式 的 页 面 运 行 效果 


这 种 直接 通过 设置 网 页 中 标记 元 素 的 style 属性 来 控制 的 样式 称 为 内 联 式样 式 , 它 的 优点 
就 是 直观 、 方 便 ， 但 是 缺点 也 很 明显 ， 假 如 有 多 个 元 素 具 有 相同 的 样式 ， 那 么 必须 进行 多 次 
重复 设置 ， 而 且 修 改 样式 非常 繁琐 ， 需 要 逐一 对 每 个 元 素 进行 修改 。 因 此 ， 内 联 式样 式 不 适 
合 控制 具有 大 量 重复 样式 的 元 素 , 而 使 用 css 就 可 以 很 好 地 解决 这 个 问题 。 本 节 将 介绍 css 
的 概念 ， 如 何 利用 VWD 2008 定义 CSS， 以 及 CSS 的 样式 规则 和 用 法 。 


6.1.1 CSS 的 概念 


CSS(Cascading Style Sheeb,， 中 文 译 为 层 登 样式 表 , 是 用 于 控制 网 页 样式 并 人 允许 将 样式 信 
息 与 网 页 内 容 分 离 的 一 种 标记 性 语言 。 使 用 CSS 样式 可 以 非常 灵活 并 更 好 地 控制 网 页 外 观 ， 
大 大 减轻 实现 精确 布局 定位 、 维 护 特定 字体 和 样式 的 工作 量 。 

CSS 规定 了 两 种 定义 样式 的 方法 ， 分 别 是 内 联 式 和 级 联 式 。 


1. 内 联 式 样式 


直接 将 样式 控制 放 在 单个 HTML 元 素 内 ， 称 为 内 联 式 或 行内 样式 。 该 样式 通过 style 属 
性 控制 着 每 个 元 素 的 外 观 ， 直 观 但 是 很 繁琐 。 除非 具有 相同 样式 的 元 素 较 少 , 否则 很 少 采用 。 
下 面 的 代码 采用 内 联 式 来 控制 各 个 元 素 的 样式 。 
【 例 6-1】 使 用 style 样式 化 一 个 简单 页 面 。 
代码 如 下 : 


<body style="text-align:center"> 
<form id="form1" runat="server"> 
<div style="text-align:center; width:400px; border:solid 1px blue"> 
<hl style="font-size:x-large; color:red "> 欢迎 光临 </h1> 
<h2 style"font-size:large; color:blue "> 这 是 一 个 被 style 修饰 的 页 面 </h2> 
</div> 


2. 级 联 式 样式 

在 网 页 的 head 部 分 定义 或 导入 的 样式 , 称 为 级 联 式 样式 。 该 样式 可 以 实现 将 网 页 结构 和 
表现 分 离 ， 这 样 ， 当 修改 某 些 元 素 的 样式 时 ， 只 需要 修改 head 部 分 定义 或 引入 的 样式 ,该 网 
页 内 所 有 具有 相同 样式 的 元 素 都 会 自动 应 用 新 的 样式 。 
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级 联 式样 式 又 可 以 分 为 两 种 方式 来 控制 样式 

(1) 在 head 部 分 直接 实现 的 CSS 样式 ， 称 为 内 嵌 式 。 这 种 CSS 一 般 位 于 HTML 文件 的 
头 部 ， 即 <head> 与 </head> 标 签 内 ， 并 且 以 <style> 开 始 ， 以 </style> 结 束 。 例 如 将 【 例 6-1】 代 
码 中 的 样式 抽取 出 来 ， 经 过 修改 得 到 如 下 代码 : 


<head> 
<title> 内 机 式样 式 </title> 
<style Type="text/css"> 
<= 
body{f text-align:center } 
div í text-align:center; width:400px; border:solid 1px blue } 
hl{ font-size:x-large; color:red} 
h2{ font-size:large; color:blue } 
--> 
</style> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<h1> 欢 迎 光临 </h1> 
<h2> 这 是 一 个 被 style 修饰 的 页 面 <h2> 
</div> 
</form> 


</body> 


其 中 <style> 与 </style> 直 接 是 样式 的 内 容 ， 在 { } 前 面 可 以 写 样式 的 类 型 和 名 称 。{ } 中 是 
样式 的 属性 。 这 种 方法 是 经 常 被 使 用 的 添加 样式 表 的 方法 。 

可 见 , 采用 内 婴 式 比 内 联 式 方便 了 很 多 ，body 内 的 代码 也 相对 简洁 ， 修 改 某 个 元 素 的 样 
式 时 只 需要 修改 head 内 的 代码 即 可 。 但 是 ,内 柑 式 只 解决 了 一 个 网 页 内 部 结构 和 表现 分 离 的 
问题 ， 一 般 情况 下 网 站 是 由 很 多 网 页 组 成 ， 如 果 不 同 网 页 中 的 某 些 元 素 采用 了 相同 的 样式 ， 
仍然 需要 分 别 设置 ， 因此， 将 样式 放 在 一 个 单独 的 CSS 文件 中 ， 然 后 通过 为 每 个 网 页 引入 该 
文件 来 实现 统一 的 外 观 成 为 一 种 更 好 的 选择 。 

(2) fE head 部 分 通过 导入 以 扩展 名 为 .css 的 文件 来 实现 CSS 样式 ， 称 为 链接 式 。 利 用 这 
种 方法 在 网 页 中 可 以 调用 已 经 定义 好 的 样式 表 来 实现 样式 表 的 应 用 ， 定 义 好 的 样式 表 通 常 单 
独 以 文件 的 形式 存放 在 站 点 目录 中 。 这 种 方法 实现 了 将 网 页 结构 和 表现 的 彻底 分 离 ， 最 适合 
大 型 网 站 的 CSS 样式 定义 。 

例如 将 【 例 6-1】 代 码 中 的 样式 抽取 出 来 以 文件 的 形式 存放 ， 经 过 修改 得 到 如 下 代码 : 
<head> 

<title> 链 接 式样 式 </title> 

<link href="Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
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<form id="forml1" runat="server"> 
<div> 
<hl> 欢 迎 光临 <hl> 
<h2> 这 是 一 个 被 style 修饰 的 页 面 </h2> 
</div> 


刚才 的 样式 内 容 都 被 保存 到 一 个 名 为 style.css 的 文件 中 ， 文 件 内 容 如 下 所 示 : 


body 

t 
text-align:center; 

) 

div 

t 
text-align:center; 
width:400px; 
border:solid 1px blue; 


font-size:x-large; 
color:red; 


font-size:large; 
color:blue; 


) 


在 引用 样式 的 标记 <link> 中 ，ref 属性 规定 了 XHTML 与 被 链接 文件 的 关系 ，href 属性 指 
定 了 要 链接 的 样式 表 文 件 的 URL，type 属性 则 规定 了 链接 文件 的 类 型 。 

注意 : 

该 文件 是 和 当前 页 面 在 同一 个 目录 下 存放 ， 如 果 不 在 同一 个 目录 下 存放 ， 相 应 的 <link 
href=" "...> 标 记 中 href 属性 的 值 要 有 所 改变 。 


此 外 , 如 果 某 个 元 素 既 引用 了 链接 样式 文件 中 定义 的 样式 ,又 在 head 部 分 定义 了 新 的 样 
式 , 或 者 在 元 素 内 部 通过 style 属性 定义 了 新 的 样式 , 那么 该 标记 元 素 最 终 呈 现 的 效果 会 是 什 
么 样 呢 ? 下 面 通过 一 个 例子 来 说 明 这 个 问题 。 

【 例 6-2】 样 式 嵌 套 举例 。 


<head> 
<tile> 链 接 式样 式 </title> 
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<style Type="text/css"> 
<!— 
hl í font-weight:bold } 
h2{ color: yellow} 
=> 
</style> 
<link rel="stylesheet" href="style.css" type="text/css"> 
<head> 
<body> 
<form id="forml" runat="server"> 
<div> 
<hl style=" font-size:small "> 欢迎 光临 <hl> 
<h2 style=" font-weight:bold "> 这 是 一 个 被 style 修饰 的 页 面 <h2> 
</div> 
</form> 


<body> 


其 中 ，style.css 文件 的 内 容 同 上 。 运 行 这 个 XHMTL 文件 ， 在 浏览 器 中 可 以 看 到 ，hl 元 
素 内 的 文字 以 粗 体 、 小 号 、 红 色 显 示 ， 而 h2 元 素 内 的 文字 则 以 粗 体 、 大 号 、 蓝 色 显 示 。 

可 见 链接 式样 式 中 hl 元 素 的 font-size 属性 和 内 霸 式 样式 中 h2 元 素 的 color 属性 都 没有 
起 作用 ， 而 不 冲突 的 样式 则 都 会 起 作用 。 这 就 是 样式 嵌 套 中 的 冲突 问题 ， 浏 览 器 解决 这 种 问 
题 的 方法 就 是 一 旦 发 现 样式 冲突 ， 则 通过 “就 近 使 用 ”原则 ， 采 用 距离 该 元 素 最 近 的 样式 进 
行 显示 ， 而 不 冲突 的 样式 则 通过 顺序 组 合 后 形成 最 终 样式 进行 显示 。 

设计 者 可 以 根据 实际 情况 选择 一 种 或 多 种 样式 控制 方法 进行 样式 定义 。 一 般 情况 下 ,在 
样式 表 (.css) 文 件 中 定义 适合 大 多 数 网 页 公用 的 样式 ， 在 网 页 内 部 采用 内 赚 式 定义 该 页 面 特有 
的 样式 ， 内 联 式 样式 定义 个 别 元 素 的 样式 ， 再 结合 可 视 化 的 开发 工具 ， 从 而 使 样式 控制 真正 
灵活 、 方 便 。 

在 VWD 2008 中 ， 设 置 样式 的 方法 有 两 种 ， 一 种 是 在 【 源 】 视 图 下 直接 设置 样式 ， 另 一 
种 是 利用 可 视 化 界面 设置 样式 。 


6.1.2 在 源 视图 下 设置 样式 


创建 一 个 新 的 网 页 ， 系 统 自动 打开 页 面 【 源 】 视 图 ， 利 用 系统 提供 的 智能 提示 功能 ， 可 
以 方便 地 设置 各 种 元 素 的 样式 ， 下 面 通过 具体 步骤 说 明 样 式 设置 的 方法 。 

(1) 打开 VWD 2008, 新 建 一 个 名 为 StyleTest 的 ASPNET Web 应 用 程序 , 在 Default.aspx 
源 文件 的 body 部 分 输入 【 例 6-1】 的 代码 ， 输 入 时 可 以 看 到 VWD 2008 所 提供 的 智能 提示 工 
具 ， 如 图 6-2 所 示 。 
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图 6-2 源 视图 中 提供 的 智能 代码 提示 
(2) 完成 代码 输入 后 切换 到 【设计 】 视 图 ， 可 以 查看 页 面 的 显示 效果 ， 如 图 6-3 所 示 。 
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图 6-3 设计 视图 下 的 样式 效果 
虽然 在 【 源 】 视 图 下 输入 样式 信息 时 ， 系 统 将 提供 智能 提示 以 帮助 用 户 完成 样式 输入 ， 
但 是 初学 者 往往 不 了 解 到 底 都 有 哪些 样式 可 供 使 用 ， 对 于 提供 的 选项 也 不 知道 什么 含义 ， 因 
此 ， 利 用 VWD 2008 的 可 视 化 界面 可 以 更 为 方便 地 完成 样式 的 定义 。 
6.1.3 ”在 可 视 化 窗口 中 设置 样式 


利用 可 视 化 窗口 设置 样式 的 方法 有 很 多 ， 可 以 在 【 源 】 视 图 或 者 【设计 】 视 图 下 选中 某 
个 标记 元 素 , 然后 在 属性 面板 中 style 属性 值 的 某 个 地 方 单 击 , 将 在 样式 信息 后 看 到 省 略 号 按 
钮 (...)， 如 


图 6-4 属性 面板 的 style 属性 图 6-5 【修改 样式 】 对 话 框 
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该 对 话 框 分 为 两 个 窗 格 ， 左 窗 格 列 出 9 个 类 别 ， 当 选择 某 个 类 别 时 ， 右 窗 格 显示 所 选 类 
别 下 的 选项 。 选 择 了 样式 选项 并 单 击 【 确 定 】 按 钮 后 ， 新 的 样式 定义 将 自动 在 【 源 】 视 图 中 
生成 ， 还 可 以 在 【设计 】 视 图 下 查看 最 新 的 效果 。 

这 种 方法 只 能 将 定义 的 样式 属性 以 内 联 式 生成 , 放 在 每 个 元 素 的 style 属性 中 , 内 联 式样 
式 的 缺点 前 面 已 经 讲 过 。 要 想 定义 内 购 式 样式 也 非常 容易 ， 具 体 步骤 如 下 。 

O 切换 到 【设计 】 视 图 中 ， 在 【样式 应 用 】 工 具 栏 的 【目标 规则 】 列 表 中 ， 单 击 【 应 
用 新 样式 】， 如 图 6-6 所 示 。 

| 


) W00 帮助 0 


图 6-6 新 建 样式 


(2) 此 时 将 显示 【新 建 样式 】 对 话 框 ， 该 对 话 框 和 如 图 6-5 所 示 的 【修改 样式 】 对 话 框 
相似 ， 不 同 的 是 【新 建 样式 】 对 话 框 中 包含 了 选择 器 用 于 选择 对 哪 一 个 标记 进行 定义 ， 以 及 
通过 定义 位 置 将 当前 定义 存放 到 哪里 。 如 图 6-7 所 示 。 


WAK38 16 AaBbC- 


图 6-7 【新 建 样式 】 对 话 框 


在 【选择 器 】 列 表 中 单 击 hl， 就 可 以 创建 应 用 于 所 有 hl 元 素 的 样式 。 

注意 ，【 定 义 范围 】 列 表 设 置 为 “当前 页 面 ”， 这 指示 该 样式 规则 在 当前 页 的 style 元 
素 中 创建 。 若 想 查看 已 创建 的 样式 规则 ， 可 以 切换 到 【 源 】 视 图 并 滚动 到 style 元 素 ， 该 元 
素 位 于 head 元 素 内 。 

也 可 以 通过 选择 菜单 【格式 】 中 的 【新 建 样式 】 命 令 来 定义 内 嵌 式 样式 。 

想 要 对 正在 定义 的 内 嵌 式 样式 规则 进行 修改 也 非常 简单 ， 具 体 步 骤 如 下 。 

(1) 单 击 某 个 想 要 修改 样式 的 元 素 ， 如 文本 “欢迎 光临 ”。 此 时 ， 选 中 部 分 以 蓝 色 框 包 
围 并 有 一 个 标签 指示 hl 元 素 已 选中 。 

(2) 选择 【视图 】 菜 单 中 的 【CSS 属性 】 命 令 ， 打 开 【CSS 属性 】 面 板 ， 可 以 看 到 hl 元 
素 的 CSS 属性 列表 ， 如 图 6-8 所 示 。 
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图 6-8 修改 CSS 属性 


在 CSS 属性 列表 中 所 做 的 修改 可 以 立即 通过 【设计 】 视 图 显示 出 来 ， 如 果 想 要 观察 具体 
的 样式 代码 ， 可 以 通过 切换 到 【 源 】 视 图 并 滚动 到 style 元 素来 进行 查看 。 

使 用 CSS 的 另 一 个 有 效 方法 是 将 样式 规则 放 入 样式 表 中 。 然 后 ， 所 有 页 面 都 可 以 引用 
这 些 样式 ， 这 样 可 以 使 这 些 页 面 看 起 来 非常 一 致 。 创 建 样式 表 使 用 的 技术 与 创建 新 页 面 所 用 
的 相同 。 有 具体 步骤 如 下 。 

(1) 在 【解决 方案 资源 管理 器 】 中, 右 击 网 站 的 名 称 , 然后 单 击 【 添 加 新 项 】。 在 【Visual 
Studio 已 安装 的 模板 】 下 选择 【样式 表 】。 

(2) 在 【名 称 】 文本 框 中 ， 输 入 NewStyle.css， 然 后 单 击 【 添 加 】 按钮。 编辑 器 将 打开 ， 
其 中 显示 一 个 包含 空 body 样式 规则 的 新 样式 表 。 

(8) 打开 或 切换 到 Default.aspx 页 ， 然 后 切换 到 【设计 】 视 图 。 在 【格式 】 菜 单 中 单 击 
【管理 样式 】 命 令 ， 打 开 【 管 理 样式 】 面 板 。 单 击 【 附 加 样式 表 】， 此 时 将 显示 【选择 样式 
表 】 对 话 框 ， 选 择 NewStyle.css 文件 ， 然 后 单 击 【 确 定 】 按 钮 ， 名 为 NewStyle.css 的 新 选 
项 卡 在 【管理 样式 】 窗 口中 创建 。 如 图 6-9 所 示 。 
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6-9 ”新建 CSS 样式 表 文 件 


可 以 通过 多 种 方式 为 页 面 指定 样式 表 。 最 简单 的 方法 是 在 【 源 】 视 图 中 将 文件 从 【解决 
方案 资源 管理 器 】 拖 到 页 面 的 头 元 素 中 或 者 直接 将 文件 拖 到 【设计 】 视 图 中 。 
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6.1.4 样式 规则 


一 个 样式 表 由 若干 个 样式 规则 组 成 。 样 式 规则 是 指 网 页 元 素 的 样式 定义 ， 包 括 元 素 的 显 
示 方式 以 及 元 素 在 页 中 的 位 置 等 。 在 【解决 方案 资源 管理 器 】 中 ， 添 加 一 个 样式 表 文 件 
StyleSheetl.css， 在 大 括号 的 外 边 单 击 鼠 标 右键 ， 然 后 在 快捷 菜单 中 选择 【添加 样式 规则 】 命 
令 ， 如 图 6-10 所 示 ， 即 弹出 如 图 6-11 所 示 的 【添加 样式 规则 】 对 话 框 。 


StyleSheet1. css itá ERN 
~ i body [ 
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图 6-10 选择 【添加 样式 规则 】 命 令 图 6-11 【添加 样式 规则 】 对 话 框 


在 【添加 样式 规则 】 对 话 框 中 选择 某 个 元 素 ， 或 者 定义 一 个 类 ， 或 者 定义 一 个 元 素 卫 ， 
单 击 【 确 定 】 按 钮 即 可 添加 一 个 新 的 样式 规则 。 例 如 添加 一 个 元 素 hl， 在 样式 表 文件 中 可 以 
看 到 新 建 的 样式 规则 。 

hl 


{ 
} 


该 规则 默认 是 仅 有 元 素 名 称 的 空 规则 , 在 大 括号 内 单 击 鼠 标 右键 , 在 快捷 菜单 中 选择 【 生 
成 样式 】 命 令 ， 即 弹出 【修改 样式 】 对 话 框 。 
可 以 看 到 ， 无 论 是 定义 内 嵌 式 样式 还 是 链接 式样 式 ， 每 个 样式 的 定义 格式 都 是 一 样 的 : 


其 中 ,样式 定义 选择 符 是 指 样式 定义 的 对 象 ， 可 以 是 HTML 标记 元 素 , 还 可 以 是 用 户 自 
定义 的 类 、 用 户 自 定义 的 帮 、 伪 类 和 伪 元 素 等 。 

1. 标记 选择 符 
任何 HTML 元 素 都 可 以 是 一 个 CSS 的 标记 选择 符 。 标 记 选 择 符 仅仅 是 指向 特别 样式 的 
元 素 。 例 如 下 面 规则 中 的 标记 选择 符 是 div。 


div{ text-align:center } 


该 样式 规则 的 含义 是 ，div 块 内 的 所 有 内 容 都 居中 显示 。 图 6-11 中 的 【元 素 】 下 拉 列 表 
中 提供 了 所 有 可 供 使 用 的 标记 选择 符 。 


2. 类 选择 符 
每 一 个 标记 选择 符 都 能 自 定义 不 同 的 类 ， 从 而 允许 同一 元 素 具 有 不 同 的 样式 。 指 定 某 个 


+ 124 ASPNET 3.5 网 站 开发 实例 教程 


标记 选择 符 内 的 自 定 义 类 的 一 般 形 式 为 : 
标记 选择 符 . 类 名 {样式 属性 1: 值 1; 样式 属性 2:48 2; ......) 
例如 : 


<style type="text/css"> 
p-one{ 
color:red; 
) 
p-two{ 
color:blue; 


} 
</style> 


在 代码 中 引用 类 选择 符 的 方法 是 通过 元 素 的 class 属性 来 实现 的 。 


<p class="one"> 类 别 选择 器 1</p> 
<p class="two"> 类 别 选 择 器 2</p> 


其 含义 是 在 p 中 引用 one 会 以 红色 样式 显示 ， 在 p 中 引用 two 会 以 蓝 色 样式 显示 。 


在 图 6-11 中 ， 先 选择 【类 名 】 单 选 按钮 ， 在 文本 框 中 输入 one， 然 后 选中 【可 选 元 素 】 
复 选 框 ， 在 其 下 拉 列 表 中 选择 p 元 素 ， 即 可 自动 生成 p.one 样式 规则 。 如 图 6-12 所 示 。 


其 加 样式 规则 


图 6-12 添加 p.one 样式 规则 


类 选择 符 的 定义 也 可 以 与 标记 选择 符 无 关 ， 这 样 ， 类 选择 符 可 以 应 用 于 任何 元 素 。 这 种 
自 定义 类 选择 符 的 形式 如 下 : 


.类 名 {样式 属性 1: 值 1; 样式 属性 2: 值 2; ...... } 
例如 : 


<style type="text/css"> 
note{ 
color:red; 


) 
</style> 
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<hl class="note"> 类 别 选 择 器 1</p> 

<h2 class="note"> 类 别 选 择 器 2</p> 

在 这 个 例子 ，note 类 选择 符 可 以 被 用 于 任何 元 素 。 
3. ID 选择 符 


ID 选择 符 用 于 分 别 定义 每 个 具体 元 素 的 样式 ,一 个 ID 选择 符 的 指定 要 有 指示 符 # 在 名 字 
前 面 。 使 用 时 通过 指定 元 素 的 id 属性 来 关联 。 例 如 : 


#index { color:blue } 
引用 时 ， 使 用 id 属性 声明 即 可 。 
<p id="index"> 本 段落 的 颜色 为 蓝 色 </p> 


可 以 看 出 ， 自 定义 ID 选择 符 与 自 定义 类 选择 符 的 定义 方式 非常 相似 ， 但 是 两 者 在 使 用 
上 是 有 区 别 的。 在 同一 个 网 页 中 ， 多 个 标记 元 素 可 以 使 用 同一 个 自 定义 类 选择 符 , 而 ID 选 
择 符 只 能 为 某 一 个 标记 元 素 使 用 。 这 种 选择 符 应 该 尽量 少 用 ， 因 为 它 具 有 一 定 的 局 限 。 但 是 
如 果 在 一 个 元 素 的 样式 定义 中 ， 既 有 标记 选择 符 ， 又 有 自 定义 类 选择 符 和 自 定义 ID 选择 符 ， 
MA HEN D 选择 符 的 优先 级 最 高 ， 其 次 是 自 定义 类 ， 标 记 选 择 符 的 优先 级 最 低 。 

4. 伪 类 


伪 类 是 CSS 中 非常 特殊 的 类 ， 能 自动 地 被 支持 CSS 的 浏览 器 所 识别 。 伪 类 可 以 指定 
XHTML 中 的 A 元 素 以 不 同 的 方式 显示 链接 (links)、 已 访问 链接 (visited links) 和 可 激活 链接 
(active links)。 其 中 , 一 个 已 访问 链接 可 以 定义 为 不 同 颜色 的 显示 , 甚至 不 同 字体 大 小 和 风格 。 

CSS 中 用 4 个 伪 类 来 定义 链接 的 样式 ， 分 别 是 : a:link、a:visited、a:hover 和 a: active, 
例如 : 


a:link (font-weight : bold :text-decoration : none :color : #C00000 ;} 
a:visited {font-weight : bold :text-decoration : none :color : #C30000 :) 
a:hover (font-weight : bold :text-decoration : underline :color : #F60000 :) 
a:active (font-weight : bold ;text-decoration : none :color : #F90000 ;} 


以 上 语句 分 别 定义 了 “链接 、 已 访问 过 的 链接 、 鼠 标 停 在 上 方 时 、 点 下 鼠标 时 ”的 样式 。 
注意 ， 必 须 按 以 上 顺序 写 ， 否 则 显示 可 能 和 预想 的 不 一 样 。 记 住 它们 的 顺序 是 LVHA。 


5. 关联 选择 符 


关联 选择 符 是 一 个 用 空格 隔 开 的 两 个 或 更 多 的 单一 标记 选择 符 组 成 的 字符 串 。 一 般 格式 
如 下 : 


选择 符 1 选择 符 2 .……. {属性 : 值 ; ….…} 
这 些 选择 符 具有 层次 关系 ， 并 且 它 们 的 优先 级 比 单一 的 标记 选择 符 大 。 例 如 : 


phl{ color:red } 
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这 种 定义 方式 只 对 p 所 包含 的 hl 元 素 起 作用 ， 单 独 的 p 或 者 单独 hl 元 素 均 无 法 采用 该 
样式 。 通 过 【添加 样式 规则 】 对 话 框 可 以 添加 关联 规则 ， 这 种 方式 不 仅 适 用 于 标记 选择 符 ， 
还 可 以 关联 自 定义 用 户 类 ， 自 定义 人 D 以 及 任何 样式 选择 符 中 。 如 图 6-13 所 示 ， 依 次 添加 各 
种 选择 符 形成 关联 规则 。 


添 吉 样式 规则 


图 6-13 关联 选择 符 的 定义 


这 样 一 来 ， 在 此 规则 内 定义 的 样式 ， 只 能 对 p 内 包含 的 hl 中 class 属性 为 one 的 内 容 起 
作用 。 


6. 并 列 选 择 符 
如 果 有 多 个 不 同 的 元 素 定义 的 样式 相同 ， 则 可 以 使 用 并 列 选择 符 简化 定义 。 例 如 : 
h1,h2,h3{ color:blue} 


每 个 元 素 之 间 用 逗号 隔 开 ， 表 示 所 有 的 hl h2, h3 标记 中 的 内 容 都 将 以 蓝 色 显 示 。 


62 HAHA 


除了 为 页 面 的 内 容 设置 样式 ， 页 面 元 素 的 布局 和 定位 是 否 合理 也 是 衡量 网 页 设计 是 否 美 
观 的 重要 指标 。 这 一 节 将 介绍 网 页 的 基本 布局 方式 ， 页 面 元 素 的 定位 ， 以 及 表格 布局 和 层 布 
局 。 
6.2.1 网 页 的 基本 布局 方式 

常见 的 网 页 布局 方式 有 左 对 齐 、 居 中 和 满 宽 度 显 示 。 默认 情况 下 ,网 页 内 容 水 平 左 对 齐 ， 
然而 ， 在 实际 页 面 中 ， 经 常 看 到 的 大 部 分 页 面 都 是 水 平 居 中 和 满 宽 度 显示 的 。 因 此 ， 这 里 仅 
介绍 两 种 非常 常用 的 布局 实现 方法 。 

1. 页 面 水 平 居 中 

实现 的 方法 是 在 body 的 style 样式 中 设置 text-align 属性 的 值 为 center 即 可 。 如 果 还 希望 
页 面 的 宽度 固定 ， 则 可 以 通过 设置 div 的 width 属性 来 实现 。 演 示 代 码 如 下 : 


<body style="text-align:center: "> 
<form id="forml1" runat="server"> 
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<div id="div1" style= "width:760px: text-align:center; height:200px"></div> 
</form> 
<body> 


2. 页 面 满 宽度 显示 


实现 的 方法 是 将 divl 的 固定 宽度 设置 为 百分比 即 可 , 这 样 宽 度 就 会 随 显 示 界 面 的 大 小 自 
动 调 整 。 演 示 代码 如 下 : 


<body style="text-align:center; "> 
<form id="form1" runat="server"> 
<div id="div1" style="width:98%; text-align:center; height:200px"></div> 
</form> 


</body> 


这 种 方式 的 优点 是 无 论 浏 览 器 是 否 最 大 化 显示 ， 都 不 会 出 现 横向 滚动 条 ， 如 网 易 的 126 
免费 邮箱 (www.126.com)。 缺 点 是 页 面 元 素 相对 位 置 不 固定 ， 不 利于 用 户 和 窗 体 之 间 的 操作 。 


622 ”页 面 元 素 定 位 


页 面 元 素 的 定位 分 为 流 布局 和 坐标 定位 布局 两 种 ， 其 中 ， 坐 标定 位 布局 又 分 为 绝对 定位 
和 相对 定位 ， 这 里 仅 介绍 流 布局 和 坐标 绝对 定位 。 
1. 流 布 局 static 


如 果 采 用 该 布局 ， 则 页 面 中 的 元 素 将 按照 从 左 到 右 、 从 上 到 下 的 顺序 显示 ， 各 元 素 之 间 
不 能 重合 。 如 果 不 设置 元 素 的 定位 方式 ， 则 默认 是 流 式 布局 。 


2. 坐标 绝对 定位 absolute 


在 使 用 坐标 绝对 定位 之 前 ， 必 须 先 将 style 元 素 的 position 属性 的 值 设置 为 absolute， 然 
后 就 可 以 由 style 元 素 的 left. top. right, bottom 和 z-index 属性 来 决定 元 素 在 页 面 中 的 绝对 
显示 位 置 。left 属性 表示 元 素 的 x 坐标 ，top 属性 表示 元 素 的 y 坐标 ， 坐 标的 位 置 是 以 它 最 近 
的 具有 position 属性 的 父 容器 为 参照 物 的。 具体 效果 参看 下 面 的 例子 。 

【 例 6-3】 新 建 一 个 .aspx 页 面 ， 修 改 页 面 <body> 内 的 代码 为 下 面 的 内 容 。 


<body> 
<form id="forml" runat="server"> 
<div id="div1" style="border: 1px #000080 solid: text-align: left; width: 400px; height: 200px;"> 
<div id="div2" style="width: 200px; height: 120px; text-align: left; border: 1px #00FF00 solid; 
background-color: #808080"> 
<div id="div3" style="position: absolute; top: 70px; left: 130px; width: 150px; height: 100px; 
border: 2px #800000 solid; background-color: #FFFF00"> 
<div id="div4" style="position: absolute; left: 30px; top: 30px; width: 100px; height: 60px; 
border: 3px #FF00FF solid; background-color: #00FFFF"> 
</div> 
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然后 切换 到 【设计 】 视 图 ， 观 察 显 示 的 效果 ， 如 图 6-14 所 示 。 运 行 该 页 面 ， 可 以 看 到 ， 
无 论 浏览 器 窗口 如 何 变化 ， 各 层 之 间 的 位 置 仍然 保持 不 变 。 
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图 6-14 绝对 定位 的 页 面 效 果 


具有 不 相同 z-index 值 的 元 素 可 以 重合 ， 其 效果 就 像 多 张 透明 的 纸 按 顺序 倒 放 在 一 起 。 
其 中 ，z-index 值 大 的 元 素 会 覆盖 z-index 值 小 的 元 素 。 修 改 【 例 6-3】 的 代码 ， 为 div3 增加 
z-index 属性 ， 如 下 所 示 : 


<div id="div3" style="position: absolute; ...... z-index: -1;"> 
切换 到 【设计 】 视 图 ， 观 察 显示 的 效果 ， 如 图 6-15 所 示 。 
AI Default3. aspx -x 
É wt 口 拆 分 s | [Miva] <a: vd va <a yedi vq, p 


图 6-15 设置 Z-index ox 属性 的 效果 


采用 坐标 定位 的 方式 可 以 精确 地 将 元 素 放 在 页 面 中 相应 的 位 置 显 示 ， 但 是 由 于 不 同 浏览 
器 在 显示 方面 存在 的 差异 ， 也 会 给 整体 页 面 布局 带 来 混乱 的 效果 ， 解 决 这 个 问题 的 方法 就 是 
利用 表格 来 进行 布局 。 
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623 ”表格 布局 


利用 表格 可 以 将 网 页 中 的 内 容 合理 地 放置 在 相应 的 区 域 , 每 个 区 域 之 间 互 不 干扰 . 例如 ， 
设计 一 个 表格 用 来 布局 网 页 首页 ， 实 现 的 效果 如 图 6-16 所 示 。 


起 二 页 Defaalt4- aspxs 
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图 6-16 表格 布局 
从 图 6-16 中 可 以 看 到 ， 表 格 中 定义 了 1 个 标题 区 ，1 个 导航 区 ，1 个 页 脚 区 ， 中 间 又 分 


成 3 个 区 , 这 就 需要 先 创 建 一 个 4 行 3 列 的 表格 , 然后 再 通过 详细 设置 达到 图 6-16 中 的 效果 。 
该 实例 的 实现 步骤 如 下 。 

(1) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 的 名 称 ， 然 后 单 击 【添加 新 项 】， 新 建 一 
个 .aspx 页 面 ， 设 置 body 元 素 的 style 属性 为 "text-align:center"，div 元 素 的 style 属性 为 "width: 
780px; text-align:center"。 

(2) 切换 到 【设计 】 视 图 ， 将 鼠标 光标 停 在 div 标记 内 。 选 择 菜单 【 表 】 中 的 【插入 表 】 
命令 , 打开 【插入 表格 】 对 话 框 , 定义 表格 大 小 为 4 行 3 列 ， 指定 宽度 为 100%,， 边 框 值 为 1， 
边框 颜色 为 红色 。 如 图 6-17 所 示 。 
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图 6-17 新 建 表格 


经 过 详细 设置 后 的 代码 可 以 通过 切换 到 【 源 】 视 图 中 查看 ， 如 【 例 6-4】 所 示 。 
【 例 6-4】 表 格 布局 举例 。 
<head runat="server"> 
<title></title> 
<style type="text/css"> 
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.stylel 
{ 
width: 100%: 
border: 1px solid #FF0000; 
) 
</style> 
</head> 
<body style="text-align:center"> 
<form id="form1" runat="server"> 
<div style="width: 780px; text-align:center"> 
<table cellpadding="0" cellspacing="0" class="style1"> 
<tr><td colspan="3" height="40px'> 标 题 区 </td></tr> 
<tr><td colspan="3"> 导 航 区 </td></tr> 
<t> 
<td height="100px" width="200px"> 左 边 </td> 
<td> 主 体 部 分 </td> 
<td width="200px"> 右 边 </td> 
<tr> 
<tr><td colspan="3"> 页 脚 </td></tr> 
</table> 
</div> 
</form> 


</body> 


整个 表格 的 最 大 列 数 是 3， 所 以 标题 区 、 导 航 区 和 页 脚 部 分 的 colspan 属性 值 为 3， 表 示 
对 应 行 占 3 列 ， 中 间 部 分 左右 两 边 宽度 为 200px， 主 体 部 分 则 没有 指定 宽度 ， 此 时 ， 浏 览 器 
会 自动 根据 整个 表格 的 宽度 调整 该 部 分 的 宽度 。 

表 6-1 中 列 出 了 表格 中 部 分 常用 的 属性 。 


表 6-1 常用 表格 属性 
属 性 名 含义 
Border 表示 边 杠 宽度， 如果 设置 为 0， 表示 无 边框 ， 此 时 默认 frame=void, rules=none; 可 以 设 
置 为 大 于 0 的 值 来 显示 边框 ， 此 时 默认 frame=border，rules=all 
Cellspacing | 表示 单元 格 间距 (表格 和 之 间 的 间隔 ) 
Cellpadding | 表示 单元 格 衬 距 (td 和 单元 格 内 容 之 间 的 间隔 ) 
Frames 表示 如 何 显示 表格 边框 ，void: 无 边框 (默认 ); above: 仅 有 顶部 边框 ; below: 仅 有 底部 
边框 ，hsides: 仅 有 顶部 和 底部 边框 ，vsides: 仅 有 左右 边框 : lhs: WAHE: ths: 仅 
有 右边 框 ，box 和 border: 包含 全 部 4 个 边框 
Rules 表示 如 何 显示 表格 内 的 分 隔 线 ，all: 显示 所 有 分 隔 线 ，cols: NERIJ: rows: 仅 显 
示 行 线 ，groups: 仅 显 示 组 与 组 之 间 的 分 隔 线 
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表格 布局 的 最 大 优点 就 是 简单 直观 。 但 是 如 果 将 整个 网 页 的 元 素 都 包含 在 表格 内 ， 则 浏 
览 器 会 将 整个 表格 全 部 下 载 完毕 后 才 显 示 表 格 中 的 内 容 ， 因 此 网 页 显示 速度 慢 。 此 外 ， 表 格 
布局 也 不 利于 网 页 结构 和 表现 的 分 离 。 解 决 该 问题 的 方法 就 是 网 页 整体 采用 DIV 和 CSS 进 
行 层 布局 ， 局 部 用 表格 进行 布局 。 这 是 当前 Web 标准 推荐 的 最 佳 布局 方法 。 


6.2.4 DIV 和 CSS 布 局 


层 布 局 最 核心 的 标签 就 是 DIV。DIV 是 一 个 容器 ， 在 使 用 时 以 <DIV></DIV> 形 式 存在 。 
在 XHTML 中 , 每 一 个 标签 都 可 以 称 作 是 容器 ,能 够 放置 内 容 。 但 DIV 是 XHTML 中 专门 
于 布局 设计 的 容器 对 象 。 

在 传统 的 表格 布局 中 ， 完 全 依赖 于 表格 对 象 TABLE， 在 页 面 中 绘制 多 个 单元 格 ， 在 表 
格 中 放置 内 容 ， 通 过 表格 的 间距 或 者 用 无 色 透 明 的 GIF 图 片 来 控制 布局 版 块 的 间距 ， 达 到 排 
版 目的 。 而 以 DIV 对 象 为 核心 的 页 面 布局 中 ， 通 过 层 来 定位 ， 通 过 CSS 定义 外 观 ， 最 大 程 
度 地 实现 了 结构 和 外 观 彻底 分 离 的 布局 效果 ， 因 此 习惯 上 对 层 布局 又 称 为 DIV 和 CSS 布局 。 

1. 定义 层 

添加 层 的 方法 非常 简单 ， 可 以 通过 【工具 箱 】 面板 中 的 HTML 选项 卡 托 搜 一 个 Div 项 到 
设计 视图 中 ， 或 者 在 【 源 】 视 图 中 创建 一 对 <div></div> 标 记 。 

【 例 6-5] 分 析 一 个 简单 的 定义 DIV 的 例子 。 设 计 一 个 页 面 ， 添 加 一 个 层 ， 定 义 其 样式 

效果 如 图 6-18 所 示 。 
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图 6-18 简单 的 层 定 义 


具体 实现 步骤 如 下 。 

(1) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 的 名 称 ， 然 后 单 击 【 添 加 新 项 】， 新 建 一 
个 .aspx 页 面 ， 此 时 会 发 现代 码 中 已 经 包含 了 一 个 层 对 象 。 

(2) 切换 到 【设计 】 视图， 在 【格式 】 菜单 中 单 击 【 新 建 样式 】 命 令 ， 打开 【新 建 样式 】 
对 话 框 ， 在 【选择 器 】 后 面 的 文本 框 中 输入 ##ample， 然 后 选择 相应 的 类 别 进行 设置 ， 完 成 后 
单 击 【 确 定 】 按 钮 。 

(3) 选中 层 对 象 , 在 【视图 】 菜单 中 单 击 【 管 理 样式 】 命令 , 然后 右键 单 击 #sample 样式 ， 
选择 “应 用 样式 ”命令 即 可 ， 如 图 6-19 所 示 。 
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图 6-19 应 用 样式 
对 应 的 程序 代码 如 下 所 示 。 


<head runat="server"> 
<title></title> 
<style> 
body { text-align:center; } 
#sample 
í 
margin: 10px 10px 10px 10px: 
padding:20px 10px 10px 20px; 
border-top: #CCC 2px solid; 
border-right: #CCC 2px solid; 
border-bottom: #CCC 2px solid; 
border-left: #CCC 2px solid; 
background: url(../images/bg_image1l.gif) #fefefe no-repeat right bottom: 
color: #666; 
text-align: center; 
line-height: 120px; 
width:60%; 
J 
</style> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div id="sample"> 这 是 一 个 层 布局 的 例子 </div> 
</form> 
</body> 
其 中 , margin 是 指 层 的 边框 以 外 留 的 空白 , 用 于 页 边 距 或 者 与 其 他 层 制 造 一 个 间距 。10px 
10px 10px 10px DARE“ EA FE” OREHA EA 个 边 距 。 如 果 都 一 样 , 可 以 缩写 成 margin: 
10px:。 如 果 边 距 为 零 ， 则 写成 margin: 0px: 。 
padding 是 指 层 的 边框 到 层 的 内 容 之 间 的 空白 。 和 margin 一 样 ， 分 别 指定 上 右 下 左边 框 
到 内 容 的 距离 。 如 果 都 一 样 ， 可 以 缩写 成 padding:0px。 单 独 指定 左边 可 以 写成 padding-left: 
0px:。padding 是 透明 元 素 ， 不 能 定义 颜色 。 
border 是 指 层 的 边框 , border-right: #CCC 2px solid: 是 定义 层 的 右边 框 颜色 为 #CCC, 宽度 
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为 2px， 样 式 为 solid 的 直线 。 如 果 要 虚线 样式 可 以 用 dotted。 

background 是 定义 层 的 背景 。 分 2 级 定义 ， 先 定义 图 片 背景 ， 采 用 
url(../images/bg_imagel1.gif) 的 形式 来 指定 背景 图 片 路 径 ， 其 次 定义 背景 色 #fefefe。no-repeat 指 
背景 图 片 不 需要 重复 ， 如 果 需 要 横向 重复 用 repeat-x， 纵 向 重复 用 repeat-y， 重 复 铺 满 整个 背 
景 用 repeat。 后 面 的 right bottom: 是 指 背 景 图 片 从 右 下 角 开 始 。 

color 用 于 定义 字体 颜色 。 

text-align 用 来 定义 层 中 的 内 容 排 列 方式 ，center 居中 ; left 居 左 ，right 居 右 。 

line-height 定义 行 高 , 120px 是 指 绝对 高 度 为 120 个 像素 , 也 可 以 写作 : line-height:150%, 
表示 是 标准 高 度 的 150%。 

width 是 定义 层 的 宽度 ， 可 以 采用 固定 值 ， 也 可 以 采用 百分比 。 这 个 宽度 仅仅 指 内 容 的 
宽度 ， 不 包含 margin，border 和 padding 的 宽度 。 


2. 盒子 模型 


自从 1996 年 CSS1 的 推出 ，W3C 组 织 就 建议 把 所 有 网 页 上 的 对 象 都 放 在 一 个 盒 (box) 
中 ， 设 计 师 可 以 通过 创建 定义 来 控制 这 个 盒 的 属性 ， 这 些 对 象 包括 段落 、 列 表 、 标 题 、 图 片 
以 及 层 。 盒 子 模型 主要 定义 4 个 区 域 ， 内 容 (content)、 边 框 距 (padding)、 边 界 (border) 和 边 距 
(margin). 前面 【 例 6-5】 中 定义 的 层 就 是 一 个 典型 的 盒 。 对 于 初学 者 , 经 常会 搞 不 清楚 margin, 
background-color, background-image, padding, content, border 之 间 的 层次 、 关 系 和 相互 影 
响 。 这 里 给 出 一 个 盒子 模型 图 ， 如 图 6-20 所 示 ， 方 便 初学 者 理解 和 使 用 。 
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图 6-20 ”盒子 模型 


理解 盒子 模型 就 可 以 理解 层 与 层 之 间 定 位 的 关系 以 及 层 内 部 的 表达 样式 。 其 中 ，margin 
属性 负责 层 与 层 之 间 的 距离 , padding 属性 负责 内 容 和 边框 之 间 的 距离 。 下 面 这 段 代 码 可 以 帮 
助 读 者 进一步 理解 盒子 模型 的 含义 。 


<head runat="server"> 
<title></title> 
<style> 
#sample2 
t 
background-color: #FFFF00; 
border-style: solid; 
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padding-bottom: 25px; 
margin-bottom: 50px; 
width: 60%; 
上 
</style> 
</head> 
<body> 
<form id="form]" runat="server"> 
<div id="sample2">W3C 组 织 就 建议 把 所 有 网 页 上 的 对 象 都 放 在 一 个 盒 (box) 中 ， 设 计 师 可 以 通过 创建 
定义 来 控制 这 个 盒 的 属性 ， 这 些 对 象 包括 段落 、 列 表 、 标 题 、 图 片 以 及 层 </div> 
<p> 这 是 下 一 段 <p> 
</form> 


</body> 
运行 这 段 代 码 ， 效 果 如 图 6-21 所 示 。 


padding-bottom:25px 
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这 是 下 一 段 
图 6-21 盒子 模型 举例 


3. 层 的 定位 


在 一 个 页 面 中 定义 多 个 层 , 会 发 现 这 些 层 自动 排列 在 不 同 的 行 , 而 要 真正 实现 左右 排列 ， 
就 要 加 入 新 的 属性 一 一 float( 浮 动 属性 )。float 浮动 属性 是 DIV 和 CSS 布局 中 的 一 个 非常 重要 
的 属性 。 大 部 分 的 DIV 布局 都 是 通过 float 的 控制 来 实现 的 。 具 体 参数 如 下 。 

e float:none 用 于 设置 是 否 浮动 。 

o float:left 用 于 表示 对 象 向 左 浮动 。 

o float:right 用 于 表示 对 象 向 右 浮动 。 

【 例 6-6】 下 面 通过 一 个 左右 分 栏 布局 的 例子 来 说 明 float 的 用 法 ， 该 布局 包含 2 个 层 且 

左右 排列 ， 这 是 最 常用 的 布局 结构 之 一 ， 其 效果 如 图 6-22 所 示 。 
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图 6-22 左右 分 栏 效果 
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要 想 实现 这 样 的 效果 ， 必 须 使 用 float 属性 ， 代 码 如 下 : 


<head runat="server"> 
<title></title> 
<style> 
#left.#right 
t 
width:200px; 
height: 160px: 
background-color:#cecece; 
border: 1px dashed #33ccff; 
) 
#left{float:left;} 
#right{float:left;} 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="left"> 当 前 层 的 攻 是 left</div> 
<div id="right"> 当 前 层 的 人 D 是 right</div> 
</form> 
</body> 


读者 可 以 尝试 去 掉 旭 eft{float:left} 和 #right{float:left} 来 看 看 会 变 成 什么 效果 
以 把 float 的 属性 值 改 为 fight 来 看 看 会 变 成 什么 效果 。 


要 想 实现 两 列 中 左 列 宽度 固定 而 右 列 宽度 自 适 应 窗口 大 小 的 效果 ， 可 以 将 【 例 6-6】 代 


码 中 的 样式 进行 如 下 修改 。 


<style> 
#left.#right í 
background-color:#cecece; 
border: 1px solid #33ccff. 
height:400px; 
上 
#left{ 
width:180px; 
float:left; 
} 
</style> 


这 样 一 来 ， 左 边 的 层 将 呈现 出 180px 的 宽度 。 而 右边 的 层 则 根据 浏览 器 窗 
适应 。 
还 有 一 种 左右 上 下 分 栏 的 样式 也 是 非常 常见 的 ， 其 效果 如 图 6-23 所 示 。 


口 大 小 来 自动 


i ASPNET 3.5 网 站 开发 实例 教程 


Default aspa ET TE 

A 

当前 层 的 耳 是 let 当前 层 的 人 D 是 nght F 
当前 层 的 人 D 是 botom 

! ` 

ar oraa) |jQab[@% af 


图 6-23 左右 上 下 分 栏 


制作 这 种 效果 时 需要 将 下 面 的 层 样式 中 添加 clear 属性 ， 代 码 如 下 所 示 。 


<head runat="server"> 
<style> 
#left#right {background-color:#eeeeee;border: 1px solid #33cc 人 ff:height:200px; } 
#left{width:180px; float:left; } 
#bottom{ background-color:#eeeeee; border:1px solid #33ccff; height:50px; clear:both; } 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="left"> 当 前 层 的 人 D 是 left</div> 
<div id-'ight"> 当 前 层 的 ID 是 right</div> 
<div id="bottom"> 当 前 层 的 攻 是 bottom</div> 
</form> 


</body> 


注意 : 


在 正 浏 览 器 中 ， 即 使 不 定义 clear 属性 为 both， 依 然 能 够 按照 预期 的 效果 显示 下 面 的 层 


对 象 ， 但 是 在 其 他 浏览 器 中 ， 如 果 不 添加 这 个 属性 ， 就 不 一 定 会 正常 显示 。 


4. 利用 DIV 和 CSS 实现 页 面 布 局 


通过 前 面 的 介绍 ， 可 以 知道 DIV 只 是 一 个 区 域 标识 ， 划 定 了 一 个 区 域 ,实现 样式 需要 借 
助 于 CSS， 这 样 的 分 离 ， 使 得 DIV 的 最 终 效果 是 由 CSS 来 编写 的 。CSS 可 以 实现 左右 分 栏 ， 
也 可 以 实现 上 下 分 栏 ， 而 表格 则 没有 这 么 大 的 灵活 性 。CSS 与 DIV 的 无 关 性 ， 决 定 了 DIV 
在 设计 上 有 极 大 的 伸缩 性 ， 而 不 拘泥 于 单元 格 固定 的 模式 束缚 。 因 此 ， 实 现 网 页 布局 ， 通 常 
是 先 在 网 页 中 将 内 容 用 DIV 标记 出 来 ， 然 后 再 用 CSS 来 编写 样式 。 


采用 DIV 和 CSS 布局 之 前 ， 首 先 要 分 析 网 页 有 哪些 内 容 块 ， 


这 就 是 所 谓 的 网 页 结构 。 通 常情 况 下 页 面 结构 包含 以 下 几 块 : 
O) 标题 区 (header)， 用 来 显示 网 站 的 标志 和 站 点 名 称 等 。 
(2) 导航 区 (navigation)， 用 来 表示 网 页 的 结构 关系 ， 如 站 点 导航 ， 通 常 放置 主 菜 单 。 
O) 主 功能 区 (contenb， 用 来 显示 网 站 的 主题 内 容 ， 如 商品 展示 、 公 司 介绍 等 。 


以 及 每 个 内 容 块 的 含义 ， 
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(4) 页 脚 (footer)， 用 来 显示 网 站 的 版 权 和 有 关 法 律 声明 等 。 
通常 采用 DIV 元 素来 将 这 些 结构 先 定义 出 来 ， 类 似 这 样 : 
<div id="header"></div> 
<div id="globalnav"></div> 
<div id="content"></div> 
<div id="footer"></div> 
现在 还 没有 开始 布局 ， 这 只 是 网 页 的 结构 ， 每 一 个 内 容 块 都 可 以 放 在 页 面 上 任何 地 方 ， 
放 好 以 后 就 可 以 指定 每 个 块 的 颜色 、 字 体 、 边 框 、 背 景 以 及 对 齐 属性 等 。 本 节 将 通过 设计 一 
个 实际 的 网 页 ， 让 初学 者 真正 掌握 利用 DIV 和 CSS 控制 网 页 布局 的 技巧 。 
【 例 6-7] 设计 一 个 如 图 6-24 所 示 的 计算 机 公司 的 产品 销售 网 站 的 主页 。 


图 6-24 销售 网 站 主页 


(1) 定义 网 站 主页 的 结构 ， 根 据 布局 ， 可 以 将 网 页 结构 分 为 几 个 部 分 。 
<body> 


<form id="form1" runat="server"> 
<div id="maindiv"> 
<div id="HeadDiv"></div> 
<div id="MenuDiv"></div> 
<div id="ContentDiv"></div> 
<div id="EndimageDiv"></div> 
<div id="EndDiv"></div> 
</div> 
</form> 


</body> 
(2) 制作 如 图 6-25 所 示 的 各 种 图 片 。 
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图 6-25 制作 的 图 片 


(3) 在 项 目 中 添加 一 个 名 为 StyleSheet css 的 样式 表 文件 , 然后 利用 样式 表 生 成 器 在 body 
中 定义 整个 网 页 的 默认 字体 以 及 网 页 对 齐 方式 ， 代 码 所 示 如 下 。 


body 
{ 
font-size: 12px; 
font-family: 宋体 ; 
text-align: center; 
background-color: #F7F7F7; 
) 


(4) 在 StyleSheet.css 文件 中 ， 定 义 整个 网 页 的 边 距 、 宽 度 。 


#maindiv 

{ 
width: 740px; 
margin-top: 0px; 
margin-left:auto; 
margin-right:auto; 

) 


(5) 在 主页 中 添加 对 样式 表 的 引用 。 
<head runat="server"> 
<title> 某 计算 机 公司 </title> 
<link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 
</head> 


(6) 在 StyleSheet.css 文件 中 ， 定 义 #HeadDiv 的 样式 。 


#HeadDiv 
{ 
width: 740px; 
background-image: url(images/logo-1.jpg); 
height: 80px; 
text-align: right; 


clip: rect(60px auto auto auto); 
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} 
保存 样式 表 文件 ， 切 换 到 主页 的 【设计 】 视 图 ， 显 示 如 图 6-26 所 示 的 效果 。 


m. 计算 机 有 限 公 司 
va 


ca CONPUTER MANUFACTURER CO. LTD 


l 


图 6-26 ”步骤 (9) 完 成 后 的 效果 


(T) 在 StyleSheet.css 文件 中 ， 定 义 #MenuDiv 的 样式 。 


#MenuDiv 
{ 
background-color: #338 1da; 
width: 100%; 
height: 20px; 
padding-top: 6px; 
color: #ffffff; 
text-align: right; 
) 
#MenuDiv a, #MenuDiv a:link, #MenuDiv a:visited, #MenuDiv a:active 
{ 
text-decoration: none; 
color: #ffffff. 
) 
#MenuDiv a:hover 
t 
color: #ff0000; 
text-decoration: underline; 
) 


(8) 保存 样式 表 文 件 ， 切 换 到 主页 的 【设计 】 视 图 ， 添 加 超 链接 ， 得 到 如 下 代码 。 


<div id="MenuDiv"> 
| &nbsp; 
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Default.aspx"> 首 页 

</asp:HyperLink>&nbsp; | &nbsp; 

<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="#'> 关 于 公司 </asp:HyperLink> 
&nbsp; | &nbsp; 
<asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="#"> 新 闻 </asp:HyperLink> 
&nbsp; | &nbsp; 
<asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="#"> 产 品 </asp:HyperLink> 
&nbsp; | &nbsp; 
<asp:HyperLink ID="HyperLink6" runat="server" NavigateUri="#'> 联 系 我 们 </asp:HyperLink> 
&nbsp; | &nbsp; &nbsp; &nbsp: 

</div> 
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最 终 得 到 的 效果 如 图 6-27 所 示 。 


ma. 计算 机 有 限 公 司 


CONPUTER MANUFACTURER CO.,LTD 


图 627 步 又 (8) 完 成 后 的 效果 


(9) 切换 到 【设计 】 视 图 ， 在 <div id="ContentDiv"></div> 层 中 添加 5 个 层 ， 代 码 如 下 
所 示 。 


<div id="ContentDiv"> 
<div id="ContentLeft1"> 
</div> 
<div id="ContentRight1 "></div> 
<div id="ContentBottom"> 
<div id="ContentLeft2"></div> 
<div id="ContentRight2"></div> 
</div> 
</div> 


然后 在 StyleSheet.css 文件 中 ， 分 别 定义 它们 的 样式 。 


#ContentLeft1 

{ 
width:368px; 
height:174px; 
background-image:url(images/news1 jpg); 


float:left; 
) 
#ContentRightl 
t 
width:368px; 
height: 174px; 
background-image:url(images/news2.jpg); 
} 
#ContentBottom 
+ 
width:740px; 
height: 174px; 
height:50px; clear:both; 
} 
#ContentLeft2 
£ 


width:528px; 
height:300px; 
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backeround-image:url(images/product.jpe); 
float:left; 

) 

#ContentRight2 

t 
width:205px; 
height:143px; 
backeround-image:url(images/login jpg); 

) 


注意 ， 在 DIV 和 CSS HARRIER, 12% 248ERH0 teu. 
(10) fE StyleSheet.css 文件 中 ， 定 义 #EndimageDiv 的 样式 。 


#EndimageDiv 
{ 
width: 100%; 
background-image: url(images/bg2.gif); 
background-repeat: repeat-x; 
height: 25px; 
) 
(11) 在 StyleSheet.css 文件 中 ， 定 义 #EndDiv 的 样式 。 
#EndDiv 
{ 
background-color: #ffffff; 
width: 100%; 
height: 63px; 
line-height: 20px; 
j 


(12) 保存 样式 表 文 件 ， 切 换 到 主页 的 【设计 】 视 图 ， 添 加 如 下 代码 。 


<div id="EndDiv"> 
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="#" Target=" blank"> 管 理 入 口 
</asp:HyperLink><br />CopyRight &copy; 2008-2009 xingkongsoft All Right Reserved.<br /> 
星空 软件 研究 室 版 权 所 有 E-mail:xingkongsoft@163.com 
</div> 
至 此 ， 整 个 页 面 设计 结束 ， 按 Ctrl+F5 组 合 键 可 以 查看 最 终 的 效果 ， 并 进一步 体会 层 的 
定位 。 


63 和 母 版 页 


在 Web 站 点 开发 中 ， 有 很 多 元 素 ， 如 站 点 标题 、 公 共 导 航 以 及 版 权 信息 等 ， 会 出 现在 
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每 一 个 页 面 中 ， 这 些 元 素 的 一 致 布局 会 让 用 户 知道 自己 始终 是 在 同一 个 站 点 中 。 虽 然 这 些 元 
素 可 以 通过 在 XHTML 中 使 用 包含 文件 构建 ,但 ASP.NET 3.5 提供 了 更 加 健壮 的 母 版 页 技术 
来 实现 。 


6.3.1 母 版 页 和 内 容 页 的 概念 


母 版 页 是 用 于 设置 页 面 外 观 的 模板 ， 是 一 种 特殊 的 asp.net 网 页 文件 ， 同 样 也 具有 其 他 
asp.net 文件 的 功能 ， 如 添加 控件 ， 设 置 样式 等 ， 只 不 过 扩展 名 是 .master。 在 母 版 页 中 ， 界 面 
被 分 为 公用 区 和 可 编辑 区 ， 公 用 区 的 设计 方法 与 一 般 页 面 的 设计 方式 相同 ， 可 编辑 区 用 
ContentPlaceHolder 控件 预 留 出 来 。 

引用 母 版 页 的 .aspx 页 面 称 为 内 容 页 ， 在 内 容 页 中 ， 母 版 页 的 ContentPlaceHolder 控件 预 
留 的 可 编辑 区 会 被 自动 蔡 换 为 Content 控件 , 开发 人 员 只 需要 在 Content 控件 区 域 中 填充 内 容 
即 可 , 在 母 版 页 中 定义 的 其 他 标记 将 自动 出 现在 引用 该 母 版 页 的 .aspx 页 面 中 ， 母 版 页 的 部 分 
以 灰色 显示 ， 表 示 不 能 修改 这 些 内 容 。 

每 一 个 母 版 页 中 可 以 包含 一 个 或 多 个 内 容 页 。 使 用 母 版 页 可 以 统一 管理 和 定义 具有 相同 
布局 风格 的 页 面 ， 给 网 页 设计 和 修改 带 来 极 大 的 方便 。 母 版 页 的 优点 如 下 。 

(1) 使 用 母 版 页 可 以 集中 处 理 页 的 通用 功能 ， 以 便 可 以 只 在 一 个 位 置 进行 更 新 。 

(2) 使 用 母 版 页 可 以 方便 地 创建 一 组 控件 和 代码 ， 并 将 结果 应 用 于 一 组 新 的 页 面 。 

(3) 通过 允许 控制 占 位 符 控件 的 呈现 方式 ， 母 版 页 可 以 在 细节 上 控制 最 终 页 的 布局 。 

(4) 母 版 页 提供 一 个 对 象 模型 ， 使 用 该 对 象 模型 可 以 从 各 个 内 容 页 自 定义 母 版 页 。 

在 使 用 母 版 页 时 ， 需 要 注意 的 是 母 版 页 中 使 用 的 图 片 和 超 链 接应 尽量 使 用 服务 器 端 控件 
来 实现 ， 如 Image 和 HyperLink 控件 。 即 使 控件 不 需要 服务 器 代码 也 是 如 此 ， 这 是 因为 将 设 
计 好 的 母 版 页 或 内 容 页 移动 到 另 一 个 文件 夹 时 ， 如 果 使 用 的 是 服务 器 控件 ， 即 使 不 改变 服务 
器 控件 的 URL, ASP.NET 也 可 以 正确 解析 ， 并 自动 将 其 URL 改 为 正确 的 位 置 ， 但 是 如 果 使 
用 了 普通 HTML 标记 ,那么 ASPNET 将 无 法 正确 解析 这 些 标记 的 URL， 从 而 导致 图 片 不 能 
显示 和 链接 失败 ， 给 维护 带 来 极 大 麻烦 。 
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创建 母 版 页 的 方法 和 创建 一 般 页 面 的 方法 非常 相似 ， 区 别 是 母 版 页 无 法 单独 在 浏览 器 中 
查看 ， 必 须 通过 创建 内 容 页 才能 浏览 。 下 面 这 个 例子 是 一 个 很 常见 的 布局 ， 母 版 页 中 包含 一 
个 标题 、 一 个 导航 菜单 和 一 个 页 脚 ， 这 些 内 容 将 在 站 点 的 每 个 页 面 中 出 现 。 在 母 版 页 中 包含 
一 个 内 容 占 位 符 ， 这 是 母 版 页 中 的 一 个 可 变 区 域 ， 可 以 使 用 内 容 页 中 的 信息 来 替换 此 区 域 。 

【 例 6-8】 设 计 如 图 6-28 所 示 的 名 为 Masterl Master 的 母 版 页 ， 然 后 设计 两 个 引用 母 版 
页 的 内 容 页 Index.aspx 和 About aspx， 运 行 效果 分 别 如 图 6-29 和 图 6-30 所 示 。 
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图 6-29 主页 效果 
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图 6-30 “关于 ”页 效果 


(1) 在 VWD 2008 的 【解决 方案 资源 管理 器 】 中 右 击 网 站 的 名 称 , 然后 单 击 【 添 加 新 项 】， 


然后 在 弹出 对 话 框 中 单 击 【 母 版 页 】。 


然后 单 击 【 添 加 】 按 钮 即 会 在 【 源 】 视 图 中 打开 新 的 母 版 页 
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图 6-31 创建 母 版 页 


观察 母 版 页 的 源 代码 ， 在 
顶部 看 到 的 @ Page 声明 ， 指 令 如 下 : 


= 


<%(@ Master Language="C#" AutoEventWireup="true" CodeFile="Master1.master.cs" 


Inherits="Master1" %> 


此 外 , 页 


中 的 可 替换 内 容 将 在 运行 时 由 内 容 页 合并 。 为 了 方便 母 版 页 的 编辑 ， 通 常情 况 1 
下 面 的 步 


页 面 的 主体 还 包含 一 个 ContentPlaceHolder 控件 ， 这 是 母 版 页 中 的 一 个 区 域 ， 其 


ContentPlaceHolder 控件 删除 ， 母 版 页 编辑 完成 后 再 放置 ContentPlaceHolder 控件 ， 


在 【名 称 】 文 本 框 中 输入 Master1， 如 图 6-31 所 示 ， 


页 面 的 顶部 是 一 个 @ Master 声明 ， 而 不 是 通常 在 ASP.NET 


下 先 将 
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又 将 采用 这 种 方法 布局 。 

(2) 切换 到 【设计 】 视图， 删除 ContentPlaceHolder 控件 ， 然 后 单 击 页 面 中 的 层 ， 插 入 一 
个 4 行 1 列 的 表格 ， 边 框 设置 为 1， 表格 的 width 设置 为 780 像素 。 

(3) 布局 完 表格 后 ， 可 以 将 内 容 添加 到 母 版 页 ， 此 内 容 将 在 所 有 页 面 上 显示 。 例 如 可 
以 在 表格 第 1 行 添加 “标题 栏 ”， 第 2 行 添加 1 个 Menu 控件 ， 第 3 行 添加 1 个 
ContentPlaceHolder 控件 ,控件 的 ID 属性 为 ContentPlaceHolderl1， 可 以 修改 这 个 名 字 , 第 4 
行 添 加 “版 权 信息 ”。 其 中 Menu 控件 的 设置 内 容 如 下 : 

o 将 Menu 控件 的 Orientation 属性 设置 为 Horizontal。 

e 单 击 Menu 控件 上 的 智能 标记 ， 选 择 【编辑 菜单 项 .…】 命 令 ， 然 后 在 【菜单 项 编辑 

器 】 对 话 框 中 单 击 【添加 根 项 】 命 令 图 标 两 次 ， 添 加 两 个 菜单 项 。 
e 单 击 第 一 个 节点 ， 将 Text 设置 为 “主页 ”， 将 NavigateUrl 设置 为 mdex.aspx。 


然后 就 要 为 母 版 页 添加 两 个 带 有 内 容 的 页 面 。 第 一 个 是 主页 ， 第 二 个 是 “关于 ”页 面 。 

(4) 在 【解决 方案 资源 管理 器 】 中 右 击 网 站 的 名 称 ， 然 后 单 击 【 添 加 新 项 】。 在 弹出 的 
对 话 框 中 单 击 【Web 窗 体 】。 在 【名 称 】 文 本 框 中 输入 Index.aspx。 一 定 要 选中 【选择 母 
版 页 】 复 选 框 。 然 后 单 击 【 添 加 】 按 钮 ， 出 现 【选择 母 版 页 】 对 话 框 ， 单 击 Master] master, 
然后 单 击 【 确 定 】 按 钮 ， 创 建 一 个 新 的 .aspx 文件 。 该 页 面包 含 一 个 @ Page 指令 ， 此 指令 
将 当前 页 附加 到 带 有 Masterl 属性 的 选 定 母 版 页 ， 如 下 面 的 代码 示例 所 示 。 


<%(@ Page Language="C#" MasterPageFile="—/Master] master" ... %> 


(5) 切换 到 【设计 】 视 图 。 母 版 页 中 的 ContentPlaceHolder 控件 在 新 的 内 容 页 中 显示 为 
Content 控件 。 而 其 他 的 母 版 页 内 容 显 示 为 浅 灰 色 ， 表 示 在 编辑 内 容 页 时 不 能 更 改 这 些 内 容 。 
在 与 母 版 页 上 的 ContentPlaceHolderl 匹配 的 Content 控件 中 ， 输 入 主页 要 显示 的 内 容 ， 然 后 
选择 文本 ， 通 过 从 【工具 箱 】 上 的 【 块 格式 】 下 拉 列 表 中 选择 【标题 2】， 保 存 页 面 。 

(6) 使 用 同样 的 方法 创建 “关于 ”内 容 页 ， 名 字 为 About.aspx。 

(7) 设置 Index.aspx 为 起 始 页 ， 按 CtrH+F5 组 合 键 运 行 并 测试 这 个 站 点 。ASPNET 将 
Index.aspx 页 的 内 容 与 Masterl master 页 的 布局 合并 到 单个 页 面 ， 并 在 浏览 器 中 显示 产生 的 
页 面 。 需 要 注意 的 是 ， 此 页 的 URL 为 Index.aspx， 浏 览 器 中 是 不 存在 对 母 版 页 的 引用 的 。 
单 击 “ 关 于 ”链接 ， 显 示 About.aspx 页 ， 它 也 是 和 Masterl master 页 合并 的 结果 。 具 体例 
子 参见 随 书 附带 的 源 程序 。 


6.3.3 ”从 内 容 页 访问 母 版 页 的 成 员 


利用 内 容 页 的 后 台 代 码 可 以 引用 母 版 页 上 的 成 员 , 包括 母 版 页 上 的 任何 公共 属性 或 方法 
以 及 任何 控件 。 要 实现 内 容 页 对 母 版 页 中 定义 的 属性 或 方法 进行 访问 ， 则 该 属性 或 方法 必须 
声明 为 公共 成 员 (public)， 也 可 以 对 母 版 页 动态 地 进行 访问 。 


1. 访问 母 版 页 的 公共 成 员 
要 想 在 内 容 页 中 访问 母 版 页 上 的 属性 , 必须 在 母 版 页 上 先 创建 一 个 属性 , 创建 的 方法 是 : 
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(1) 切换 到 或 打开 Masterl master 页 , 在 【解决 方案 资源 管理 器 】 中 右 击 Master] master, 
然后 单 击 【 查 看 代码 】 命 令 ， 打 开 代码 编辑 器 。 
(2) 在 类 定义 中 输入 以 下 代码 。 


public String WebSiteName 

{ 
get { retum (String) ViewState["websiteName"]; y 
set í ViewState["websiteName"] = value; } 

) 


此 代码 为 母 版 页 创建 名 为 WebSiteName 的 属性 。 在 视图 状态 中 存储 此 值 ， 以 便 此 值 在 
访问 期 间 保持 不 变 。 
(3) 在 类 定义 中 再 添加 以 下 代码 。 
void Page_Init(Object sender, EventArgs e) 
{ 
this. WebSiteName = " 母 版 页 的 介绍 "; 
} 


接 下 来 修改 内 容 页 ， 通 过 引用 WebSiteName 属性 ， 来 使 用 母 版 页 的 公共 成 员 。 
(4) 切换 到 或 打开 Index.aspx W, 并 切换 到 该 页 的 【 源 ] 视 图 。 在 页 面 项 部 的 @ Page J 
令 下 ， 添 加 下 面 的 @ MasterType 指令 。 


<%@ MasterType virtualpath="~/Masterl .master" %> 


此 指令 的 作用 是 将 内 容 页 的 Master 属性 绑 定 到 Masterl.master 页 。 

(5) 切换 到 【设计 】 视 图 ， 在 Content 控件 中 ， 增 加 一 行内 容 “ 该 网 站 是 关于 ”。 

(6) 从 【工具 箱 】 中 将 Label 控件 拖 动 到 Content 控件 上 ， 并 将 其 放置 到 静态 文本 的 后 
， 使 文本 如 下 所 示 。 


该 网 站 是 关于 [Label] 


(7) 在 【解决 方案 资源 管理 器 】 中 右 击 Index.aspx， 然 后 单 击 【 查 看 代码 】 打 开 代 码 编辑 
器 。 在 类 定义 中 添加 下 面 的 代码 。 
void Page Load(Object sender, EventArgs e) 


t 
Labell Text = Master.WebSiteName; 


} 
(8) 测试 内 容 页 ， 切 换 到 或 打开 Index.aspx 页 ， 然 后 按 CtrltF5 组 合 键 运行 页 面 。 页 丰 
即 会 在 浏览 器 中 显示 ， 其 中 文本 为 “该 网 站 是 关于 母 版 页 的 介绍 ”。 
(9) 修改 母 版 页 中 属性 的 值 ， 重 新 运行 页 面 将 看 到 新 的 属性 值 显 示 在 页 面 中 。 
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2. 动态 访问 母 版 页 


在 有 些 情况 下 ， 可 能 希望 能 够 动态 更 改 母 版 页 。 也 就 是 使 用 代码 设置 内 容 页 的 母 版 页 。 
例如 ， 可 能 希望 允许 用 户 从 几 个 布局 中 进行 选择 ， 根 据 个 人 喜好 设置 母 版 页 。 
首先 ， 设 计 者 要 保证 网 站 中 有 不 少 于 2 个 的 母 版 页 ， 然 后 创建 按钮 使 用 户 能 够 在 两 个 母 
版 页 之 间 切 换 。 在 本 例 中 ， 新 创建 的 第 2 个 母 版 页 和 第 1 个 母 版 页 非常 相似 ， 只 是 将 标题 栏 
和 版 权 信息 的 字体 改 了 一 下 ， 具 体 步骤 如 下 。 
(1) 切换 到 或 打开 Masterl master 页 。 在 【工具 箱 】 中 将 LinkButton 按钮 控件 拖 动 到 页 
上 ， 并 将 其 放置 在 标题 栏 内 容 的 右边 。 
(2) 将 按钮 控件 的 Text 属性 设置 为 “变换 字体 效果 ”， 如 图 6-32 所 示 。 


esterl erster EN 


OOOO REEE 


主页 关于 中 
版 权 信 息 2008-2009 
Ear EEC 


图 6-32 ”修改 后 的 Masterl 的 设计 界面 


(3) 双击 此 按钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 然 后 添加 以 下 代码 。 


void LinkButtonl_ Click(Object sender, EventArgs e) 
{ 
Session["masterpage"] = "Master2.master": 
Response.Redirect(Request.Url.ToString()): 
} 


此 代码 将 第 2 个 母 版 页 的 文件 名 加 载 到 一 个 持久 的 会 话 变量 中 ， 然 后 重新 加 载 当前 页 。 

(4) 创建 第 2 个 母 版 页 , 内 容 和 Masterl master 完全 相同 , 只 是 字体 效果 不 同 , 和 Masterl 
一 样 ， 添 加 1 个 LinkButton 控件 ， 并 将 其 Text 属性 设置 为 “返回 正常 效果 ”。 如 图 6-33 
所 示 。 
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图 6-33 ”Master2 的 效果 


(5) 双击 此 按钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 然 后 添加 下 面 的 代码 。 


voidLinkButtonl_Click(Object sender, EventArgs e) 
{ 
Session["masterpage"] = "Masterl master"; 
Response.Redirect(Request.Url.ToString()): 
} 
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此 代码 与 Masterl master 页 中 按钮 的 代码 类 似 , 不 同 之 处 在 于 它 加 载 第 一 个 母 版 页 。 最 
后 一 步 是 在 内 容 页 中 编写 代码 ， 此 代码 将 动态 加 载 用 户 选 定 的 母 版 页 。 

(6) 切换 到 或 打开 About.aspx 页 。 在 【解决 方案 资源 管理 器 】 中 右 击 About.aspx， 然 后 
单 击 【 查 看 代码 】 命 令 ， 打 开 代码 编辑 器 。 在 类 定义 中 添加 下 面 的 代码 。 


void Page _ PreInit(Object sender, EventArgs e) 
£ 
if(Session["masterpage"] != null) 
í 
this .MasterPageFile = (String) Session["masterpage"]; 
) 
} 


此 代码 将 当前 页 的 MasterPageFile 属性 的 值 设 置 为 会 话 变量 中 的 值 (如 果 有 )。 此 代码 必 
须 在 Page Prelnit 处 理 程序 中 运行 ， 因 为 必须 建立 母 版 页 ， 使 得 页 面 可 以 创建 其 实例 ， 然 后 
可 以 进一步 初始 化 。 

(7) 测试 动态 母 版 页 。 (E Aboutaspx 页 中 按 Ctrl+F5 组 合 键 运行 此 页 面 。 此 页 即 会 在 浏览 
器 中 显示 ， 它 与 其 默认 母 版 页 Masterl master 合并 。 单 击 “ 变 换 字 体 效 果 ” 链 接 ， 将 会 重新 
显示 此 页 ， 但 这 一 次 它 是 与 Master2 master 合并 。 


6.4 ”主题 


网 站 的 美观 主要 涉及 页 面 和 控件 的 样式 属性 ， 在 ASPNET 应 用 程序 中 ， 可 以 利用 CSS 
控制 页 面 上 各 元 素 的 样式 以 及 部 分 服务 器 控件 的 样式 ， 但 是 ， 有 些 服务 器 控件 的 属性 无 法 通 
过 CSS 进行 控制 。 为 了 解决 这 个 问题 ， 从 ASP.NET 2.0 开始 就 提供 了 一 种 称 为 “主题 ”的 新 
方式 ， 它 可 以 保持 网 站 外 观 的 一 致 性 和 独立 性 ， 同 时 使 页 面 的 样式 控制 更 加 灵活 方便 ， 例 如 
动态 实现 不 同 用 户 界 面 的 切换 等 。ASP.NET 3.5 继承 了 这 个 特性 。 


6441 ”主题 的 概念 


主题 是 指 页 面 和 控件 外 观 属性 设置 的 集合 。 主题 由 一 个 文件 组 构成 , 包括 皮肤 文件 (扩展 
名 为 .skin)、 级 联 样式 表 文件 (扩展 名 为 .css)、 图 片 和 其 他 资源 等 的 组 合 ,但 一 个 主题 至 少 包 含 
一 个 皮肤 文件 。 

主题 分 为 两 大 类 型 ， 一 类 是 应 用 程序 主题 ， 另 一 类 是 全 局 主题 。 

应 用 程序 主题 是 指 保存 在 Web 应 用 程序 的 App_Themes 文 件 夹 下 的 一 个 或 多 个 主题 文件 
夹 ， 主 题 的 名 称 就 是 文件 夹 的 名 称 。 

全 局 主题 是 指 保存 在 服务 器 上 ， 根 据 不 同 的 服务 器 配置 决定 的 ， 能 够 对 服务 器 上 所 有 
Web 应 用 程序 起 作用 的 主题 文件 夹 。 

一 般 情况 下 ， 很 少 用 到 全 局 主题 ， 而 本 书 所 讲 的 主题 仅 指 应 用 程序 主题 ， 即 保存 在 应 用 
程序 中 App_Themes 文件 夹 下 的 主题 文件 来 ， 简 称 主题 。 
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打开 一 个 Web 应 用 程序 ， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 项 目 名 ， 选 择 【 添 加 】 
一 【添加 ASPNET 文 件 夹 】 一 【主题 】 命 令 ， 系 统 自动 生成 App_Themes 文件 夹 ， 并 在 该 文 
件 夹 下 生成 一 个 默认 名 为 “主题 ”的 文件 夹 。 在 App Themes 文件 夹 中 可 以 创建 多 个 主题 ， 
方法 相同 。 

1. 皮肤 文件 


皮肤 文件 是 主题 的 核心 文件 ， 也 称 为 外 观 文 件 ， 专 门 用 于 定义 服务 器 控件 的 外 观 。 在 主 
题 中 可 以 包含 一 个 或 多 个 皮肤 文件 ， 后 缀 名 为 .skin。 

在 控件 皮肤 设置 中 ， 只 能 包含 主题 的 属性 定义 ， 如 样式 属性 、 模 板 属性 、 数 据 绑 定 表达 
式 等 ， 不 能 包含 控件 的 也 ， 如 Label 控件 的 皮肤 设置 代码 如 下 : 


<asp:Label runat="server" BackColor="Blue" Font-Names="Arial Narrow" /> 


这 样 一 旦 将 该 皮肤 应 用 到 Web 页 面 中 , 则 所 有 的 Label 控 件 都 将 显示 皮肤 所 设置 的 样式 。 

右 击 某 一 个 “主题 ”文件 夹 , 选择 【添加 新 项 】 命令 , 在 弹出 对 话 框 中 选择 【外 观 文件 】， 
并 在 【名 称 】 文 本 框 中 修改 皮肤 文件 名 ， 单 击 【 添 加 】 按 钮 即 可 添加 一 个 皮肤 文件 。 同 样 的 
方法 可 以 添加 多 个 皮肤 文件 。 


2. 级 联 样式 表 文 件 


主题 中 可 以 包含 一 个 或 多 个 CSS 文件 ， 一 旦 CSS 文件 被 放 在 主题 中 ， 则 应 用 时 无 需 再 
在 页 面 中 指定 CSS 文件 链接 ， 而 是 通过 设置 页 面 或 网 站 所 使 用 的 主题 即 可 ， 当 主题 得 到 应 用 
时 ， 主 题 中 的 CSS 文件 会 自动 应 用 到 页 面 中 。 

右 击 某 一 个 “主题 ”文件 夹 ， 选 择 【 添 加 新 项 】 命 令 ， 在 弹出 的 对 话 框 中 选择 【样式 表 
文件 】， 并 在 【名 称 】 文 本 框 中 修改 样式 表 文 件 名 ， 单 击 【添加 】 按 钮 即 可 添加 一 个 样式 表 
文件 。 同 样 的 方法 可 以 添加 多 个 样式 表 文件 。 

图 6-34 中 创建 了 3 个 主题 ， 分 别 是 Themel、Theme2 和 Theme3，Themel 中 包含 1 个 


皮肤 文件 ，Theme2 中 包含 2 个 皮肤 文件 ，Theme3 中 包含 1 个 皮肤 文件 和 1 个 样式 表 文件 。 


<4 


图 6-34 定义 多 个 主题 


6.4.2 ”在 主题 中 定义 外 观 


ASP.NET 使 得 将 预定 义 的 主题 应 用 于 页 或 创建 唯一 的 主题 变 得 很 容易 。 下 面 通过 一 个 
简单 的 例子 来 说 明 外 观 定义 的 方法 。 
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【 例 6-9】 创建 一 个 包含 一 些 简单 外 观 的 主题 ， 这 些 外 观 用 于 定义 控件 的 外 观 。 

(1) 在 VWD 2008 F, 右 击 网 站 名 , 单 击 【 添 加 ASP.Net 文件 夹 】, 然后 单 击 【 主 题 】。 
将 创建 名 为 App_Themes 的 文件 夹 和 名 为 “主题 ”的 子 文件 夹 。 将 【主题 】 文 件 夹 重 命名 为 
Themel1。 此 文件 夹 名 将 成 为 创建 的 主题 的 名 称 。 

(2) 右 击 Themel 文件 来， 选择 【添加 新 项 】， 添 加 一 个 新 的 外 观 文件 ， 然 后 将 该 文件 
命名 为 sampleSkin.skin。 在 sampleSkin.skin 文件 中 ， 按 下 面 的 代码 示例 所 示 的 方法 添加 外 观 
定义 。 

<asp:Label runat="server" ForeColor="red" Font-Size="14pt" Font-Names="Verdana" /> 

<asp:button runat="server" Borderstyle="Solid" Borderwidth="2px" Bordercolor="Blue" Backcolor="yellow"/> 


外 观 定义 与 创建 控件 的 语法 类 似 ， 不 同 之 处 在 于 ， 定 义 只 包括 影响 控件 外 观 的 设置 ， 不 
包括 ID 属性 的 设置 。 

(3) 保存 该 外 观 文件 。 

(4) 新 建 一 个 网 页 文件 ， 切 换 到 【设计 】 视 图 中 ， 添 加 1 个 标签 控件 和 1 个 按钮 控件 ， 
具体 位 置 无 所 谓 ， 如 图 6-35 所 示 。 

(5) 在 属性 面板 中 选择 Document 元 素 ， 设 置 Theme 属性 的 值 为 Themel, WHE DH] 
视图 中 ， 会 发 现代 码 第 1 行 的 @ Page 指令 中 添加 了 下 面 的 属性 : 


<%@ Page .… Theme="Theme1"%> 


(6) 保存 文件 ， 按 CtrltF5 组 合 键 执行 该 页 面 查看 设置 效果 ， 如 图 6-36 所 示 。 


Default. aspx — App.Themes/ ,pleSkin skin sx | 地 站 四 Epoco v EJE sm > amsa, T 
欢迎 光临 本 网 站 欢迎 光临 本 网 站 


Button [Esa] 


已 设计 | 口 拆 分 | 回 源 < [Gasp Button#Buttonl2| 


图 6-35 设置 外 观 前 图 6-36 设置 外 观 后 


在 该 网 页 文件 中 ， 将 该 主题 设置 成 另 一 个 主题 (如 果 存在 ) 的 名 称 。 再 按 Ctrl+F5 组 合 键 
再 次 运行 该 页 。 控 件 将 再 次 更 改 外 观 。 

在 皮肤 文件 中 ， 系 统 没有 提供 控件 属性 设置 的 智能 提示 功能 ， 所 以 一 般 不 在 皮肤 文件 中 
直接 编写 定义 控件 外 观 的 代码 ， 而 是 先 在 页 面 中 设置 控件 的 属性 ， 然 后 再 将 自动 生成 的 代码 
复制 到 外 观 文件 中 进行 修改 。 因 此 ，【 例 6-9】 也 可 以 这 样 来 实现 。 

(1) 创建 一 个 Web 页 面 ， 添 加 相应 的 控件 并 设置 其 外 观 。 

(2) 新 建 一 个 主题 ， 将 相应 控件 的 源 代码 复制 到 该 主题 的 皮肤 文件 中 ， 并 去 掉 所 有 控件 
的 ID 属性 。 

(3) 在 其 他 页 面 的 属性 面板 中 选择 Document 元 素 ， 设 置 Theme 属性 的 值 为 相应 的 主题 
即 可 。 

如 果 希 望 某 些 控件 的 外 观 和 页 面 中 具有 相同 类 型 的 其 他 控件 的 外 观 不 一 样 ， 则 可 以 通过 
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在 .skin 文件 中 给 特定 的 控件 添加 一 个 SkinID 属性 ， 例 如 ， 在 【 例 6-9】 中 增加 一 个 按钮 ， 其 
外 观 定义 成 如 下 样式 : 


<asp:Button runat="server" SkinID="GreenButton" Borderstyle="dotted" Borderwidth="2px" 
Bordercolor="red" Backcolor="Green"/> 


修改 按钮 控件 的 SkinID 属性 的 值 为 GreenButton。 这 样 ， 新 增加 的 按钮 就 和 原来 的 按钮 
显示 了 不 同 的 外 观 。 


6.4.3 在 主题 中 同时 定义 外 观 和 样式 表 


【 例 6-9】 只 定义 了 一 个 皮肤 文件 ， 实 际 上 ， 在 主题 中 还 可 以 定义 .css 文件 。 要 想 让 定 
义 的 .css 文件 起 作用 ， 需 要 在 网 页 文件 中 设置 StyleSheetTheme 属性 为 定义 的 主题 即 可 。 
【 例 6-10】 演示 如 何在 网 页 文件 中 同时 使 用 皮肤 文件 和 样式 表 文 件 。 

(1) 在 VWD 2008 H, 右 击 网 站 名 , 单 击 【 添 加 ASP.Net 文件 夹 】， 然后 单 击 【 主 题 】。 
将 创建 名 为 App_Themes 的 文件 夹 和 名 为 “主题 ”的 子 文件 夹 。 将 【主题 】 文 件 夹 重 命名 为 
Theme2。 此 文件 夹 名 将 成 为 创建 的 主题 的 名 称 。 

(2) 右 击 Theme2 文件 来， 选择 【添加 新 项 】， 添 加 一 个 新 的 外 观 文件 ， 然 后 将 该 文件 
命名 为 Skinl.skin。 在 Skinl.skin 文件 中 ,将 网 页 文件 中 要 用 到 的 所 有 控件 的 外 观 定义 添加 进 
来 ， 注 意 不 能 含有 任何 控件 的 JP， 外 观 代码 如 下 所 示 : 

<asp:Label runat="server" BackColor="#FFFFCC" BorderColor="#6600FF" 
BorderStyle="Solid" BorderWidth="4px" Font-Bold="True" Font-Names=" 华 文 彩云 " 
Font-Size="XX-Large" ForeColor="#CC0099" style="text-align: center" Width="206px"> 

</asp:Label> 

<asp:Button runat="server" BackColor="#3333CC" BorderColor="#000099" 

Font-Bold="True" Font-Size="Medium" ForeColor="White"/> 

<asp:TextBox runat="server" BackColor="#99FFCC" Columns="10"></asp:TextBox> 


(3) 在 主题 Theme2 的 文件 夹 下 ， 再 添加 一 个 Stylesheetl.css 的 样式 文件 ， 文 件 内 容 如 下 
所 示 : 


-stylel /* ”用 于 修饰 表格 */ 
{ 
width: 200px; 
border-collapse: collapse; 
border: 1px solid #800080; 
} 
-style2 /* 用 于 修饰 单元 格 */ 
{ 
font-family: 幼 圆 ; 
font-size: large; 
font-weight: bold: 
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(4) 新 建 一 个 Web 页 面 ， 切 换 到 【设计 】 视 图 下 添加 表格 和 相应 的 控件 ， 其 最 终 效 果 如 
6-37 所 示 。 
ren pe ET 


dy 

| | 

I 用 户 名 : | 

| 密 m. 

| | | 
| 

[区 种 ]of9 ai R A as a sy 站 


图 6-37 没有 引入 皮肤 和 样式 前 的 效果 


其 对 应 的 代码 请 参见 随 书 附带 的 源 程 序 。 
修改 当前 页 面 的 Document 中 属性 StyleSheetTheme 的 值 为 Theme2， 即 可 看 到 引入 皮肤 
和 样式 表 文 件 后 的 最 终 显示 效果 ， 如 图 6-38 所 示 。 


Default2. aspxe 起 类 页 "x 


| 
用 户 名 


QW jos 88 HRR [ea sy 门 


图 6-38 引入 皮肤 和 样式 后 的 效果 


注意 ， 创 建 了 主题 后 ， 可 以 定制 如 何在 应 用 程序 中 使 用 主题 ， 方 法 是 : 将 主题 作为 自 定 
义 主题 与 网 页 文件 关联 ， 或 者 将 主题 作为 样式 表 主 题 与 网 页 文件 关联 。 样 式 表 主题 和 自 定义 
主题 都 使 用 相同 的 主题 文件 ， 但 是 样式 表 主 题 在 网 页 文件 的 控件 和 属性 中 的 优先 级 最 低 。 在 
ASPNET 中 ， 优 先 级 的 顺序 是 : 

(1) 主题 设置 ， 包 括 Web.config 文件 中 设置 的 主题 。 

(2) 本 地 网 页 文件 的 样式 属性 设置 。 

(3) 样式 表 主题 设置 。 

在 这 里 ， 如 果 选 择 使 用 样式 表 主 题 ， 则 在 网 页 文件 中 本 地 声明 的 任何 样式 信息 都 将 覆盖 
样式 表 主 题 的 属性 。 同 样 ， 如 果 使 用 自 定义 主题 ， 则 主题 的 属性 将 覆盖 本 地 网 页 文件 中 设置 
的 任何 样式 内 容 ， 以 及 使 用 中 的 任何 样式 表 主题 中 的 任何 内 容 。 


6.4.4 利用 主题 实现 换 肤 


前 面 介绍 的 内 容 只 是 有 关 如 何 指定 页 面 主题 的 方法 ， 并 没有 涉及 后 台 代 码 。 但 在 实际 使 
用 中 ， 可 能 需要 通过 后 台 代 码 来 控制 主题 的 指定 ， 例 如 通过 按钮 来 为 页 面 指定 不 同 的 主题 以 
实现 换 肤 的 效果 ， 像 很 多 论坛 、 博 客 系统 都 具有 类 似 功能 。 

【 例 6-11] 介绍 在 创建 外 观 定义 时 使 用 设计 器 来 设置 外 观 属性 ， 然 后 将 控件 定义 复制 到 
外 观 文件 ， 通 过 基于 现 有 控件 来 创建 自 定义 主题 ， 这 是 非常 简单 的 一 种 方法 。 
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【 例 6-11】 利用 主题 实现 换 肤 功 能 。 

(1) 在 VWD 2008 中 ， 新 创建 一 个 网 站 ， 右 击 网 站 名 ， 单 击 【 添 加 ASP.Net 文件 夹 】， 
然后 单 击 【主题 】。 将 创建 名 为 App Themes 的 文件 夹 和 名 为 “主题 ”的 子 文件 夹 。 将 【 主 
题 】 文 件 夹 重 命名 为 Themel。 此 文件 夹 名 将 成 为 创建 的 第 1 个 主题 的 名 称 。 同 样 的 方法 创 
建 第 2 个 主题 ， 重 命名 为 Theme2 。 

(2) 右 击 Themel 文件 夹 ,选手 添加 新 项 添加 一 个 新 的 外 观 文件 , 重 命名 为 Skin1.skin。 
同样 的 方法 在 Theme2 文件 夹 中 添加 一 个 新 的 外 观 文件 ， 重 命名 为 Skin2.skin。 

(3) 新 建 一 个 Web 页 面 , 切换 到 【设计 】 视 图 , 添加 2 个“ 日历” 控件 ， 设 置 第 1 个 “日 
历 ” 控 件 的 自动 套用 格式 为 “彩色 型 1”， 设 置 第 2 个 “日 历 ”控件 的 自动 套用 格式 为 “ 彩 
色 型 2”。 切 换 到 [ 源 ] 视 图 , 并 复制 这 两 个 <asp:calendar> 元 素 及 其 属性 , 分 别 粘贴 到 Skin1.skin 
文件 中 和 Skin2.skin 文件 中 。 然 后 删除 每 一 个 <asp:calendar> 元 素 中 的 ID 属性 。 保存 这 两 个 皮 
肤 文件 。 

(4) 切换 到 Defaultaspx 页 面 ， 将 一 个 “日 历 ” 控 件 拖 到 页 上 。 不 要 设置 该 控件 的 任何 属 
性 。 然 后 再 添加 两 个 “按钮 ”控件 ， 效 果 如 图 6-39 所 示 。 

< 208888 > 
B— = =R Z 
2728293031 1 2 
34:56. 9 8 3: 
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24 25 26 27 28 29 30 
31 1 2 3 4 5. 6 


PEM | PEM 
图 6-39 没有 引入 主题 的 日 历 


(5) 双击 【彩色 型 1】 按 钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 然 后 添加 以 下 代码 。 


void Button1_Click(Object sender, EventArgs e) 

£ 
Session["themepage"] = "Themel"; // 将 彩色 型 1 主题 保存 到 Session 中 
Response.Redirect(Request.Url.ToString()); 

) 


(6) 双击 【彩色 型 2】 按 钮 ， 为 其 Click 事件 创建 一 个 处 理 程序 ， 然 后 添加 以 下 代码 。 


void Button2 Click(Object sender, EventArgs e) 

£ 
Session["themepage"] = "Theme2"; // 将 彩色 型 2 主题 保存 到 Session 中 
Response.Redirect(Request.Url. ToString()): 

} 


(7) 在 类 定义 中 再 添加 下 面 的 代码 。 


void Page_PreInit(object sender, EventArgs e) 
t 
if (Session["themepage"] (= null) 
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this. Theme = (String)Session["themepage"']; 


this. Theme = "Themel"; // 默认 加 载 彩色 型 1 主题 


) 


(8) 测试 动态 主题 页 。 在 Default.aspx 页 中 按 Ctrl+F5 组 合 键 运行 此 页 面 。 此 页 即 会 在 浏 
览 器 中 显示 ， 默 认 以 彩色 型 1 主题 显示 日 历 ， 如 图 6-40 所 示 。 单 击 【彩色 型 2】 按 钮 ， 以 
彩色 型 2 主题 显示 日 历 ， 如 图 6-41 所 示 。 单 击 不 同 的 按钮 就 可 以 实现 换 肤 的 效果 了 。 


zl 2] x] s| |z pe nE 
ajajajaj z|e|s I. : : : [E 
i0 j 22 ja 44 jS 16 10 i 12 13 14 1516 
22 18 12 20 21 2 23 ls 19 20 2 22 Z 
24 2s ae 2 so 到 xs s ER 
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图 6-40 彩色 型 1 主题 图 6-41 彩色 型 2 主题 


前 面 的 内 容 都 是 将 主题 应 用 于 某 一 个 页 面 文 件 ， 其 实 还 可 以 将 一 个 主题 应 用 于 整个 网 
站 。 为 网 站 设置 主题 的 方法 如 下 所 示 。 

(1) 打开 网 站 的 配置 文件 Web.config， 在 <system.web> 元 素 内 部 添加 <pages> 元 素 。 

(2) 将 下 列 属性 添加 到 <pages> 元 素 中 : <pages theme="sampleTheme" />。 

(3) 保存 并 关闭 Web.config 文件 。 

O 打开 所 有 包含 主题 的 页 面 ， 并 切换 到 【 源 】 视 图 。 从 页 声明 中 移 除 theme="themeName" 
属性 。 

此 后 ， 网 站 中 所 有 页 面 都 将 使 用 Web.config 文件 中 指定 的 主题 显示 。 如 果 选 择 在 某 一 
个 页 面 文件 的 声明 中 再 指定 一 个 主题 名 称 , 则 该 主题 名 称 将 覆盖 Web.config 文件 中 指定 的 任 
何 主题 。 


实验 6 页 面 布 局 


1. 实验 目的 
熟悉 层 的 应 用 ， 掌 握 层 的 布局 ， 掌 握 母 版 页 的 创建 及 使 用 方法 。 能 够 通过 创建 母 版 页 来 
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实现 导航 页 面 的 设计 。 


2. 实验 内 容 和 要 求 


(1) 新 建 一 个 名 为 CRM 的 网 站 。 

(2) 在 【解决 方案 资源 管理 器 】 中 右 击 网 站 的 名 称 ， 然 后 单 击 【添加 新 项 】， 然 后 在 弹 
出 的 对 话 框 中 单 击 【 母 版 页 】。 在 【名 称 】 文 本 框 中 输入 Masterl， 然 后 单 击 【添加 】 按 钮 
即 会 在 【 源 】 视 图 中 打开 新 的 母 版 页 。 

(3) 切换 到 【设计 】 视 图 ， 删 除 ContentPlaceHolder 控件 ， 然 后 插入 4 个 层 ， 代 码 如 下 
所 示 。 


<div id="top"></div> 
<div id="left"> 
<asp:HyperLink ID="hpl_CNotify" runat="server" NavigateUrl="~/Module/CNotify.aspx" 
Target="_self> 公 告 信息 </asp:HyperLink> 
<asp:HyperLink ID="hpl_CSearch" runat="server" NavigateUrl="~/Module/CSearch.aspx" 
Target="_self> 资 料 查 询 </asp:HyperLink> 
<asp:HyperLink ID="hpl CAdd" runat="server" NavigateUrl="~/Module/CAdd.aspx" 
Target="_self 人 > 资料 添加 </asp:HyperLink> 
<asp:HyperLink ID="hpl CManage" runat="server" NavigateUrl="~/Module/CManage.aspx" 
Target=" self'> 资 料 管理 </asp:HyperLink> 
<asp:HyperLink ID="hpl_Exit" runat="server" NavigateUrl="~/Module/Exit.aspx"> 退 出 系统 
</asp:HyperLink> 
</div> 
<div id="right"> 
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
</asp:ContentPlaceHolder> 
</div> 
<div id="bottom"> 版 权 所 有 ， 违 者 必 究 &nbsp: </div> 


(4) 分 别 设置 每 个 层 的 CSS 样式 ， 代 码 大 致 如 下 所 示 。 


#left.#right {border:0px solid:float:left} 
#left{width:160px:height:450px} 

#top{ border:0px solid: height:120px:clear:both:} 
#bottomí border:0px solid: height:50px; clear:both; + 


(5) 最 后 还 需要 进一步 的 详细 设置 ， 最 终 效果 如 图 6-42 所 示 。 
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图 6-42 ”最 终 效果 


第 7 章 ADO.NET 数 据 访 问 


ASPNET 应 用 程序 的 数据 访问 是 通过 ADONET 进行 的 , ADONET 可 以 使 Web 应 用 程 
序 从 各 种 数据 源 中 快速 访问 数据 。 从 传统 的 数据 库 到 XML 数据 存储 ， 各 种 各 样 的 数据 源 都 
能 连接 到 ADO.NET， 从 而 更 加 灵活 地 访问 数据 ， 减 少 访问 数据 所 需 的 代码 ， 提 高 了 开发 效 
率 和 Web 应 用 程序 的 性 能 。 

本 章 首先 介绍 ADO.NET 的 基本 知识 ， 然 后 再 详细 介绍 在 ASPNET 中 的 几 种 数据 访问 
方法 ， 而 有 关 数 据 绑 定 的 内 容 则 放 到 第 8 章 再 进行 介绍 。 

本 章 的 学 习 目 标 

° 了 解 ADONET 的 基本 知识 

e 掌握 ADONET 与 数据 库 的 连接 方法 

o 掌握 利用 Command 访问 数据 库 的 方法 

o 掌握 利用 DataAdapter 访问 数据 库 的 方法 


7.1 ADO.NET 概述 


ADONET 是 NET Framework 提供 的 数据 访问 的 类 库 ，ADONET 对 Microsoft SQL 
Server, Oracle 和 XML 等 数据 源 提供 一 致 的 访问 。 应 用 程序 可 以 使 用 ADONET 连接 到 这 
些 数据 源 ， 并 检索 和 更 新 所 包含 的 数据 。 

ADONET 用 于 数据 访问 的 类 库 包 含 NET Framework 数据 提供 程序 和 DataSet 两 个 组 
件 。NET Framework 数据 提供 程序 与 DataSet 之 间 的 关系 如 图 7-1 所 示 。 


-NET Framework 数据 提供 程序 DataSet 
DataReader DataTable 
DataAdapter 
Command aou 
DataTable 


图 7-1 ADO.NET 的 组 成 
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NET Framework 数据 提供 程序 包含 以 下 4 个 核心 类 。 

e Connection: 建立 与 数据 源 的 连接 。 

e Command: 对 数据 源 执行 操作 命令 ， 用 于 修改 数据 、 查 询 数据 和 运行 存储 过 程 等 。 

è DataReader: 从 数据 源 获 取 返 回 的 数据 。 

e DataAdapter: 用 数据 源 数 据 填充 DataSet， 并 可 以 处 理 数据 更 新 。 

DataSet 是 ADONET 的 断 开 式 结构 的 核心 组 件 。 设 计 Dataset 的 目的 是 为 了 实现 独立 于 
任何 数据 源 的 数据 访问 ， 可 以 把 它 看 成 是 内 存 中 的 数据 库 ， 是 专门 用 来 处 理 数据 源 中 读 出 的 

DataSet 的 优点 就 是 离线 式 ， 一旦 读 取 到 数据 库 中 的 数据 后 ， 就 在 内 存 中 建立 数据 库 的 
副本 ， 在 此 之 后 的 操作 ， 直 到 执行 更 新 命令 为 止 ， 所 有 的 操作 都 是 在 内 存 中 完成 的 。 不 管 底 
层 的 数据 库 是 哪 种 形式 ，DataSet 的 行为 都 是 一 致 的 。 

DataSet 是 数据 表 (DataTable) 的 集合 ， 它 可 以 包含 任意 多 个 数据 表 ， 而 且 每 个 DataSet 中 
的 数据 表 对 应 一 个 数据 源 中 的 数据 表 (Table) 或 者 是 数据 视图 (View)。DataSet 的 结构 如 图 7-2 
所 示 。 


DataSet 


DataTable a DataTable 


图 7-2 DataSet 的 结构 


ASP.NET 数据 访问 程序 的 开发 流程 有 以 下 几 个 步骤 : 

(1) 利用 Connection 对 象 创建 数据 连接 。 

(2) 利用 Command 对 象 数据 源 执 行 SQL 命令 。 

(8) 利用 DataReader 对 象 读 取 数 据 源 的 数据 。 

(4) DataSet 对 象 与 DataAdapter 对 象 配合 ， 完 成 数据 的 查询 和 更 新 操作 。 

在 ADONET 中 ,连接 数据 源 有 4 种 接口 : SQLClient、OracleClient 、ODBC、OLEDB。 
其 中 SQLClient 是 Microsoft SQL Server 数据 库 专 用 连接 接口 ，OracleClient 是 Oracle 数据 库 
专用 的 连接 接口 ，ODBC 和 OLEDB 可 用 于 其 他 数据 源 的 连接 。 在 应 用 程序 中 使 用 任何 一 种 
连接 接口 时 ， 必 须 在 后 台 代 码 中 引用 对 应 的 名 称 空间 ， 类 的 名 称 也 随 之 发 生变 化 ， 如 表 7-1 
所 示 。 
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表 7-1_ 数 据 连接 方式 名 称 空间 与 对 应 的 类 名 称 


名 称 空 间 对 应 的 类 名 称 
System. Data. SqIClient SqlConnection; SqlCommand; SqlDataReader; SqlDataAdapter 
System.Data.Odbc OdbcConnection; OdbcCommand; OdbcDataReader; OdbcDataAdapter 


System Data.OleDb OleDbConnection; OleDbCommand; OleDbDataReader; OleDbDataAdapter 
System.Data.OracleClient OracleConnection; OracleCommand; OracleDataReader; OracleDataAdapter 


72 ##EBJ Connection 连接 数据 库 


本 书 数 据 源 以 Microsoft SQL Server 2005 数据 库 为 例 ， 也 就 是 说 ， 使 用 SQLClient 连接 
接口 ， 访 问 数据 库 使 用 SqlConnection、SqlCommand、SqlDataReader 和 SqlDataAdapter 对 象 。 

在 建立 数据 库 连 接 之 前 ， 首 先 在 Web.Config 配置 文件 中 建立 一 个 连接 字符 串 ， 然 后 建 
立 数据 库 连 接 。 

【 例 7-1] 演示 如 何 建立 Microsoft SQL Server 2005 数据 库 连接 。 

(1) 运行 VWD 2008， 新 建 一 个 名 为 Accessdatabase 的 ASP.NET 网 站 。 

(2) 在 【解决 方案 资源 管理 器 】 中 ， 用 鼠标 右键 单 击 网 站 名 ， 选 择 【 添 加 新 项 】 命 令 ， 
在 弹出 的 对 话 框 中 选择 【SQL Server 数据 库 】 模 板 ， 更 改名 称 为 MyDatabase mdf， 创 建 数据 
库 。 如 图 7-3 所 示 。 
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图 7-3 ”新建 数据 库 


G) 单 击 【添加 】 按钮 ， 弹 出 如 图 7-4 所 示 的 对 话 框 ， 单 击 【 确 定 】 按 钮 ， 将 数据 库 
MyDatabase mdf 保存 到 App_Data 文件 夹 中 。 


Visual Web Developer 2008 达成 版 
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图 7-4 创建 数据 库 文件 夹 
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(4) 在 【数据 库 资源 管理 器 】 中 ， 双 击 数据 库 名 MyDatabasemdf， 数 据 库 资源 管理 器 显 
示 如 图 7-5 所 示 。 


| 扣压 [Ea 


Bẹ or at | anl er ¿Eersatora1 
nE 


图 7-5 数据 库 资源 管理 器 
(5) 用 鼠标 右键 单 击 【 表 】 结 点 ， 创 建 student 表 ， 表 的 结构 和 记录 如 表 7-2 所 示 。 


表 7-2_student 表 的 结构 和 记录 
No Name birth Address Photo 
(varchar, 10) | (varchar, 50) (datetime) (varchar, 50) | (varchar, 50) 


(姓名 ) (性 别 ) (出 生日 期 ) (地 址 ) 
n 


1989-6-11 深圳 
1989-6-1 沈阳 


(6) 打开 web.config 配置 文件 ， 将 <connectionStrings/> 标 记 用 下 面 代码 蔡 换 。 


<connectionStrings> 
<add name="ConnectionString" connectionString="Data Source=\SQLEXPRESS:; 
AttachDbFilename=|DataDirectory\mydatabase.mdf; Integrated Security=True;User Instance=True"/> 
</connectionStrings> 


其 中 ，Data Source 表示 SQL Server 2005 数据 库 服 务 器 名 称 ，AttachDbFilename 表示 数 
据 库 的 路 径 和 文件 名 ，|DataDirectory| 表示 网 站 默认 数据 库 路 径 App Data. 


。160 。 ASPNET 3.5 网 站 开发 实例 教程 


(7) 在 网 站 中 添加 一 个 名 为 connection aspx 的 网 页 ， 切 换 到 【设计 】 视 图 ， 向 该 页 面 拖 
放 一 个 Label 控件 ， 使 用 默认 控件 名 称 ， 然 后 在 connection.aspx.cs 页 面 中 添加 下 面 代码 。 


// 引 用 数据 库 访 问 名 称 空间 
using System.Data.SqlClient: 


protected void Page_Load(object sender, EventArgs e) 
t 
/从 web.config 配置 文件 取出 数据 库 连 接 串 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
/建立 数据 库 连接 对 象 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/打开 连接 对 象 
sqlconn.Open(); 
Labell.Text = "成 功 建立 Sql Server 2005 数据 库 连接 "; 
// 关 闭 连接 对 象 
sqlconn.Close(); 
sqlconn = null; 
) 


(8) 程序 运行 效果 如 图 7-6 所 示 。 


当 无 标题 页 - Hicrosoft Internet Explorer EBK) 
文件 @) SEO SEV GO) IAW 帮助 00 g 


Q O bà 2 @ Os ew" 


地 址 名) [Æ http: //localhost:1068/ConnectionExe v ËJ 62) ss > 


成 功 建立 Sql Server 2005 数 据 库 连接 


图 7-6 connection.aspx 运行 效果 


在 访问 数据 库 的 数据 之 前 ， 需 要 使 用 Connection 对 象 的 Open 方法 把 数据 库 打 开 ， 并 在 
完成 数据 库 的 操作 之 后 使 用 Connection 对 象 的 Close 方法 将 数据 库 关 闭 。 


73 使 用 Command 对 象 执行 数据 库 命令 


Command 对 象 是 用 来 执行 数据 库 操作 命令 的 ， 比 如 对 数据 库 中 数据 表 记 录 的 查询 、 增 
加 、 修 改 或 删除 等 都 是 要 通过 Command 对 象 来 实现 的 。 一 个 数据 库 操作 命令 可 以 用 SQL ië 
句 来 表达 ,包括 SELECT 语句 、UPDATE 语句 、DELETE 语句 、INSERT 语句 等 。Command 


第 7 章 ADO.NET 数据 访问 。161 。 


对 象 可 以 传递 参数 并 返回 值 ， 同 时 Command 也 可 以 调用 数据 库 中 的 存储 过 程 。 
像 Connection 对 象 一 样 ， 对 于 操作 SQL Server 数据 库 而 言 ， 使 用 SqlCommand 对 象 。 


Command 对 象 的 属性 如 表 7-3 所 示 。 
3 7-3 Command 对 象 的 属性 
属 性 说 BB 
Connection 包含 了 数据 库 连接 信息 的 Connection 对 象 
CommandText 要 运行 的 SQL 命令 
CommandType 命令 类 型 
Parameters Parameters 对 象 集合 


7.3.1 使 用 Command 对 象 查询 数据 库 的 数据 


使 用 Command 对 象 查询 数据 库 数据 的 一 般 步骤 为 : 先 建立 数据 库 连 接 ， 然 后 创建 
Command 对 象 ， 并 设置 它 的 Connection 和 CommandText 两 个 属性 ， 分 别 表示 数据 库 连 接 和 
需要 执行 的 SQL 命令 ， 接 下 来 使 用 Command 对 象 的 ExecuteReader 方法 ， 把 返回 结果 放 在 
DataReader 对 象 中 ， 最 后 通过 循环 ， 处 理 数据 库 查 询 结果 。 

【 例 7-2】 在 【 例 7-1】 基 础 上 ， 介 绍 如 何 使 用 Command 对 象 查询 数据 库 的 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 command selectaspx 的 网 页 , 切换 到 【设计 】 
视图 ， 向 该 页 面 拖 放 一 个 Label 控件 ， 使 用 默认 控件 名 称 。 

(2) 在 command selectaspx.cs 页 面 中 添加 下 面 代码 。 


// 引 用 数据 库 访 问 名 称 空间 

using System.Data.SqlClient; 

protected void Page_Load(object sender, EventArgs e) 

Í 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/建立 Command 对 象 
SqlCommand sqlcommand = new SqICommand0: 
/给 sqlcommand 的 Connection 属性 赋值 
sqlcommand.Connection = sqlconn: 
/打开 连接 
sqlconn Open(); 
/SQL 命令 赋值 
sqlcommand.CommandText = "select * from student"; 
/建立 DataReader 对 象 ， 并 返回 查询 结果 
SqlDataReader sqldatareader=sqlcommand.ExecuteReader(); 
// 逐 行 遍历 查询 结果 
while(sqldatareader.Read0) 
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t 
Labell.Text += sqldatareader.GetString(0) + " "; 
Labell Text += sqldatareader.GetString(1) +" "; 
Labell.Text += sqldatareader.GetString(2) +" "; 
Labell.Text += sqldatareader.GetDateTime(3) +" "; 
Labell .Text += sqldatareader.GetString(4) +" "; 
Labell.Text += sqldatareader.GetString(5) + "<br >"; 

E 

sqlcommand = null; 

sqlconn.Close(); 

sqlconn = null; 

) 


(3) 程序 运行 效果 如 图 7-7 所 示 。 
J 无 标题 页 - Nicrosoft Internet Explorer 
文件 @ REO SEV KW IAV EHU 
Q @ hag pr k @ 2- 
地 址 加 ) | 四 http://localhost: 1097/Accessdatabase/commandse v Ë 2) HEE > 
1 张 小 兵 男 1989-6-29 0:00:00 北京 1jpg 


2 李 明 男 1988-5-1 0:00:00 上 海 2jpg 
3 王 彬 男 1989-9-25 0:00:00 郑州 3jpg 


4 陈 飞 男 1988-6-8 0:00:00 洛 阳 4jpg 
5 王 燕 女 1989-12-11 0:00:00 沈阳 5 jpg 
6 陈 武 男 1987-7-21 0:00:00 广州 6jpg 
7 刘 华 + 1990-3-15 0:00:00 广州 7jpg 
8 Ë # 1989-6-11 0:00:00 深圳 | 8jpg 
9 大 侠 男 1989-6-1 0:00:00 沈阳 9jpg 


图 7-7 command select.aspx 运行 效果 


7.3.2 ”使 用 Command 对 象 增加 数据 库 的 数据 


使 用 Command 对 象 增加 数据 库 数据 的 一 般 步骤 为 ， 先 建立 数据 库 连接 ; 然后 创建 
Command 对 象 ， 设 置 它 的 Connection 和 CommandText 两 个 属性 ， 并 使 用 Command 对 象 的 
Parameters 属性 来 设置 输入 参数 ， 最 后 使 用 Command 对 象 的 ExecuteNonquery 方法 执行 数据 
库 数据 增加 命令 ， 其 中 ExecuteNonquery 方法 表示 要 执行 的 是 没有 返回 数据 的 命令 。 

【 例 7-3】 演 示 如 何 使 用 Command 对 象 增加 新 数据 。 

(1) 在 【解决 方案 资源 管理 器 】 中 ， 用 鼠标 右键 单 击 网 站 名 ， 选 择 【 新 建文 件 来】 命令 ， 
新 建文 件 夹 ， 改 名 为 image， 用 于 存放 学 生 照片 。 

(2) 在 Accessdatabase 网 站 中 添加 一 个 名 为 command insert aspx 的 网 页 。 

(8) 将 command insert 页 面 设计 为 如 图 7-8 所 示 的 形式 。 
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Lèd 


图 7-8 command insert.aspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 代码 如 下 : 


<table style="width: 320px; height: 240px"> 
<t> 
<td style="width: 100px; text-align: right"> 学 号 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px: text-align: right"> 姓名 : <Ad> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td> </tr> 
<t> 
<td style="width: 100px; text-align: right"> 性 别 : </td> 
<td style="width: 220px"> 
<asp:DropDownList ID="DropDownListl" runat="server"> 
<asp:ListItem Selected="True"> f </asp:ListItem> 
<asp:ListItem> 女 </asp:ListItem> 
</asp:DropDownList> </td> </t> 
<t> 
<td style="width: 100px; text-align: right"> ”年龄 ，</td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px; text-align: right"> 地 址 : </td> 
<td style="width: 220px"> 
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td> </tr> 
<tr> 
<td style="width: 100px: text-align: right"> 照片 : <Ad> 
<td style="width: 220px"> 
<asp:FileUpload ID="FileUpload1" runat="server" /></td> </tr> 
<tr> 
<td colspan="2" style="text-align: center"> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " OnClick="Button1 _Click" /></td> </tr> 
</table> 
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 


(4) 双击 设计 视图 中 的 【提交 】 按钮 ， 添 加 如 下 所 示 的 后 台 代码 。 
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protected void Button1 Click(object sender, EventArgs e) 
t 
string sqlconnstr = Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr); 
/建立 Command 对 象 
SqlCommand sqlcommand = new SqlCommand(): 
sqlcommand.Connection = sqlconn: 
/把 SQL 语句 赋 给 Command 对 象 
sqlcommand.CommandText = "insert into student(no name.sex birth.address.photo) 
values (@no,@name,@sex.@birth.@address,@photo)": 

sqlcommand.Parameters.AddWithValue("@no",TextBox1.Text); 
sqlcommand.Parameters.AddWithValue("@name",TextBox2.Text); 
sqlcommand.Parameters.AddWithValue("@sex",DropDownList1.Text); 
sqlcommand.Parameters.AddWithValue("(@birth", TextBox3.Text); 
sqlcommand.Parameters.AddWithValue("@address",TextBox4.Text); 
sqlcommand.Parameters.AddWithValue("@photo",FileUpload1.FileName); 
tiy 
£ 

/打开 连接 

sqlconn.Open(); 

/执行 SQL 命令 

sqlcommand.ExecuteNonQueryO; 

// 把 学 生 的 照片 上 传 到 网 站 的 image 文件 夹 中 

if (FileUpload].HasFile = true) 


FileUpload1.SaveAs(Server.MapPath(("~/image/") + FileUpload] .FileName)): 
} 
Labell.Text = "成 功 增加 记录 "; 
J 
catch (Exception ex) 
{ 
Labell.Text = "错误 原因 : "+ ex.Message: 
} 
finally 
{ 
sqlcommand = null; 
sqlconn.Close(); 
sqlconn = null; 
} 


(5) 程序 运行 效果 如 图 7-9 所 示 。 
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2- O- NBAn kar @ @- 
HEIE D) (Æ) http: //1ozaltost:1097/Accesséatsbase/csamand v EJ AA HEE > 


学 号 


图 7-9 command insert.aspx 的 运行 效果 


73.3 (H Command 对 象 删除 数据 库 的 数据 


使 用 Command 对 象 删除 数据 库 数 据 的 一 般 步骤 为 : 先 建立 数据 库 连 接 ， 然 后 创建 
Command 对 象 ， 设 置 它 的 Connection 和 CommandText 两 个 属性 ， 并 使 用 Command 对 象 的 
Parameters 属性 来 传递 参数 ， 最 后 使 用 Command 对 象 的 ExecuteNonquery 方法 执行 数据 库 数 
据 删 除 命令 。 

【 例 7-4】 使 用 Command 对 象 删除 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 command delete.aspx 的 网 页 。 

(2) 向 command delete 页 面 添加 2 个 Label 控件 ，1 个 TextBox 控件 ，1 个 Button 控件 ， 
其 中 Button 控件 作为 【删除 】 按 钮 。 

(3) 双击 设计 视图 中 的 【删除 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代码 。 


using System.Data.SqlClient; 
protected void Button1_Click(object sender, EventArgs e) 
t 
int intDeleteCount; 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
/建立 Command 对 象 
SqlCommand sqlcommand = new SqICommand0: 
/给 Command 对 象 的 Connection 和 CommandText 属性 赋值 
sqlcommand.Connection = sqlconn; 
sqlcommand.CommandText = "delete from student where no=@no"; 
sqlcommand.Parameters.AddWithValue("@no",TextBox1.Text); 
ty 
{ 
sqlconn.Open0; 
intDeleteCount=sqlcommand ExecuteNonQuery(); 
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if (intDeleteCount>0) 
Labell Text = "成 功 删 除 记录 "; 
else 
Labell.Text = "该 记录 不 存在 "; 
catch (Exception ex) 
í 
Labell.Text = "错误 原因 : "+ex Message; 
J 
finally 
{ 
sqlcommand = null; 
sqlconn.Close0; 
sqlconn = null: 
) 
} 


(4) 程序 运行 效果 如 图 7-10 所 示 。 


和 无 标题 页 - Microsoft Internet Explorer 区 | 右 | 区 | 


XEO REO SEV KEW IAW MM” W 


» 


Q= - O- aG Arr Yema 


地 址 四) (Æ) http://localhost:1097/Accessaat v EJ Pa Hit > 


7.3.4 使 用 Command 对 象 修改 数据 库 的 数据 


使 用 Command 对 象 修改 数据 库 数据 的 一 般 步骤 为 ， 先 建立 数据 库 连 接 ; 然后 创建 
Command 对 象 ， 设 置 它 的 Connection 和 CommandText 两 个 属性 ， 并 使 用 Command 对 象 的 
Parameters 属性 来 传递 参数 ， 接 下 来 使 用 Command 对 象 的 ExecuteNonquery 方法 执行 数据 库 
数据 修改 命令 。【 例 7-5】 同 时 说 明 存 储 过 程 的 调用 方法 。 

【 例 7-5】 演 示 如 何 使 用 Command 对 象 修改 数据 。 

(1) 打开 Accessdatabase 网 站 , 为 MyDatabase mdf 数据 库 建立 名 为 update_student 的 存储 

过 程 。 在 【数据 库 资源 管理 器 】 中 ， 用 鼠标 右键 单 击 【 存 储 过 程 】 结 点 ， 如 图 7-11 所 示 。 
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图 7-11 


选择 【添加 新 存储 过 程 】 命 令 ， 在 存储 


栏 中 的 【保存 】 按 钮 ， 保 存 存储 过 程 到 数据 


CREATE PROCEDURE dbo.update student 
( 
/入 口 参数 
@no varchar(10), 
(@name varchar(50), 
(@sex varchar(2) , 
@birth datetime, 
(@address varchar(50), 
(@photo varchar(50) 


AS 
/修改 学 号 为 @no 的 学 生 信息 


update student set name=(@name,sex=(@sex.] 


atabase. mdf 
SERXFA 


2 


a 
E] 


添加 新 存储 过 程 
BHO 
属性 到) 


程 定 义 窗口 中 ， 添 加 如 下 代码 ， 最 后 单 击 工具 
中 。 


OOTA munanan 


过 
库 


birth=@birth,address=@address, 


photo=@photo where no=@no 


RETURN 


(2) 在 Accessdatabase 网 站 中 添加 一 个 名 为 command update.aspx 的 网 页 ， 将 command 


update 页 面 设计 为 如 图 7-8 所 示 的 形式 。 


G) 双击 设计 视图 中 的 【提交 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代码 。 


using System Data.SqlClient; 


protected void Button1_Click(object sender, EventArgs e) 


t 
int intUpdateCount; 


string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: 
SqlConnection sqlconn = new SqIConnection(sqlconnstr): 


/建立 Command 对 象 


SqlCommand sqlcommand = new SqlCommand(); 


sqlcommand. Connection = sqlconn: 
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/把 存储 过 程 名称 赋 给 Command 对 象 的 CommandText 属性 
sqlcommand.CommandText = "update student": 
/说 明 命令 类 型 为 存储 过 程 
sqlcommand.CommandType = CommandType. StoredProcedure; 
sqlcommand.Parameters.AddWithValue("Qno", TextBox1.Text); 
sqlcommand Parameters. AddWithValue("(@name", TextBox2 Text); 
sqlcommand.Parameters.AddWithValue("@sex", DropDownList].Text); 
sqlcommand.Parameters.AddWithValue("@birth", TextBox3.Text); 
sqlcommand.Parameters.AddWithValue("@address", TextBox4.Text); 
sqlcommand.Parameters.AddWithValue("@photo", FileUpload1.FileName); 
ty 
{ 

/打开 连接 

sqlconn.Open(); 

// 执 行 SQL 命令 

intUpdateCount=sqlcommand.ExecuteNonQuery(); 

// 把 学 生 的 照片 上 传 到 网 站 的 image 文件 夹 中 

if (FileUpload1.HasFile = true) 

{ 

FileUpload1.SaveAs(Server.MapPath(("~/image/") + FileUpload1 .FileName)); 


} 
if (intUpdateCount > 0) 
Labell.Text = "成 功 修改 记录 "; 
else 
Labell.Text = "该 记录 不 存在 "; 
} 
catch (Exception ex) 
{ 
Labell.Text = "错误 原因 : "+ ex. Message; 
) 
finally 
t 
sqlcommand = null; 
sqlconn.Close(); 
sqlconn = null: 
J 


(4) 程序 运行 效果 如 图 7-12 所 示 。 


第 7 章 ADONET 数据 访问 。169 。 


J 无 标题 页 - Nicrosoft Internet 
XPO SED FEV KEW IAV 帮助 加 


Oa- O da0 pAr Yeunx @ 


地 址 D) (Æ) http://localhost: 1097/Accessdatabase/cou Y ËJ 92) HEE > 


ah 


:| 张 晓 兵 


: [8 


: [1989-6-28 


图 7-12 command update.aspx 的 运行 效果 


735 ”数据库 事 务 处 理 


对 于 数据 库 管 理 系统 来 说 ， 如 果 没 有 显 式 定义 事务 的 开始 和 结束 ， 就 默认 一 条 SQL 语 
句 为 一 个 单独 事务 ， 多 数 情况 下 采用 这 种 默认 方式 就 足够 了 。 但 是 ， 有 时 需要 将 一 组 SQL 语 
句 作为 一 个 事务 ， 要 不 全 做 ， 要 不 全 不 做 。 

fE ASP.NET 中 ， 可 以 使 用 Connection 和 Transaction 对 象 开 始 、 提 交 和 回 深 事 务 。 一 般 
步骤 为 : 调用 Connection 对 象 的 BeginTransaction 方法 来 标记 事务 的 开始 ，BeginTransaction 
方法 返回 对 Transaction 的 引用 ; 将 Transaction X} KIRA Command 的 Transaction 属性 ; 执行 
事务 操作 ， 如 果 事 务 操 作成 功 ， 使 用 Transaction 对 象 的 Commit 方法 提交 事务 ， 和 否则， 使 用 
Rollback 方法 回 滚 事务 。 

【 例 7-6】 演 示 事 务 处 理 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 transaction.aspx 的 网 页 。 

(2) 向 transaction 页 面 添加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 控件 作为 【 事 
务 提交 】 按 钮 。 

G) 双击 设计 视图 中 的 【事务 提交 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代码 。 


using System.Data.SqlClient: 


protected void Button1_Click(object sender, EventArgs e) 
t 
string sqlconnstr = Configuration Manager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqIConnection sqlconn = new SqIConnection(sqlconnstr); 
sqlconn.Open(); 
/开始 事务 
SqlTransaction tran=sqlconn. BeginTransaction(); 
SqlCommand sqlcommand = new SqICommand0: 
sqlcommand.Connection = sqlconn: 
sqlcommand.Transaction = tran; 
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sqlcommand.CommandText = "update student set address=beijing' where no=1"; 
sqlcommand. ExecuteNonQuery(): 

sqlcommand.CommandText = "update student set address='zhengzhou' where no=2"; 
sqlcommand ExecuteNonQuery0: 

tran.Commit(); 

Labell Text = "事务 提交 成 功 "; 


) 
catch (Exception ex) 


í 
tran.Rollback0; 
Labell.Text = "事务 提交 失败 : "+ ex Message; 


finally 

í 
sqlcommand = null; 
sqlconn.Close(); 
sqlconn = null; 


) 


从 7.3 节 例 子 中 可 以 看 出 , Command 对 象 的 ExecuteNonQuery 方法 在 执行 数据 更 新 SQL 
语句 (如 INSERT, UPDATE 或 DELETE) 时 使 用 ， 这 些 语句 的 共同 特点 是 没有 返回 数据 。 此 
外 ，ExecuteNonQuery 方法 可 以 返回 一 个 整数 ， 表 示 已 经 执行 语句 在 数据 库 中 影响 数据 的 
行 数 。 

如 果 需 要 执行 有 返回 结果 的 SQL 语句 (如 SELECT)， 那 么 就 需要 使 用 Command 对 象 的 
ExecuteReader 方法 ， 并 将 执行 结果 放 到 DataReader 中 。 这 个 对 象 是 一 个 专门 读 取 数据 的 对 
象 , 除了 能 做 读 取 数据 工作 之 外 ,其 他 什么 也 不 能 做 , 所 以 这 是 一 种 简单 的 读 取 数据 的 方法 。 
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对 于 SQL SERVER 接口 ， 使 用 的 是 SqlDataAdapter 对 象 ， 在 使 用 DataAdapter 对 象 时 ， 
只 需 分 别 设置 表示 SQL 命令 和 数据 库 连 接 的 两 个 参数 , 就 可 以 通过 它 的 Fil 方法 把 查询 结果 
放 在 一 个 DataSet 对 象 中 。 

在 一 个 DataSet 对 象 实 例 中 ， 可 以 包含 多 个 DataTable， 而 一 个 DataTable 可 以 包含 多 个 
DataRow。 

当 把 一 个 DataSet 中 的 一 个 数据 表 复 制 到 一 个 DataTable 中 之 后 ， 可 以 通过 对 DataTable 
数据 的 访问 来 实现 对 DataSet 中 数据 的 访问 了 。 除 此 之 外 , 还 可 以 通过 修改 DataTable 中 的 数 
据 来 更 新 DataSet. 
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DataRow 表示 DataTable 的 数据 行 ， 一 个 DataTable 中 的 数据 行 会 有 很 多 。 针 对 一 个 
DataTable， 它 的 Rows 属性 表示 这 个 表 的 所 有 数据 行 ， 是 一 个 集合 ， 类 名 为 DataRowCollection， 
它 的 每 个 元 素 的 类 型 是 DataRow。 

通过 7.4 节 的 例子 说 明 使 用 DataAdapter 和 DataSet 读 取 和 修改 数据 库 数据 的 方法 。 
7.4.1 使 用 DataAdapter 对 象 查询 数据 库 的 数据 


使 用 DataAdapter 对 象 查询 数据 库 数据 的 一 般 步骤 为 : 首先 建立 数据 库 连 接 ， 然 后 利用 
数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 , 并 使 用 DataAdapter 对 象 的 Fill 方法 把 查 
询 结果 放 在 DataSet 对 象 的 一 个 数据 表 中 ; 接 下 来 将 该 数据 表 复制 到 DataTable 对 象 中 ; 最 后 
实现 对 DataTable 对 象 中 数据 的 查询 。 

[J 7-7】 演 示 如 何 使 用 DataAdapter 对 象 查询 数据 库 的 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 DataAdapter selectaspx 的 网 页 ， 切 换 到 【 设 
计 】 视 图 ， 向 该 页 面 拖 放 一 个 Label 控件 ， 使 用 默认 控件 名 称 。 

(2) 在 DataAdapter _select.aspx.cs 页 面 中 添加 如 下 所 示 的 代码 。 


// 引 用 数据 库 访 问 名 称 空间 
using System.Data.SqlClient: 
protected void Page_Load(object sender, EventArgs e) 
t 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr): 
/建立 DataSet 对 象 
DataSet ds = new DataSet(); 
/建立 DataTable 对 象 
DataTable dtable; 
/建立 DataRowCollection 对 象 
DataRowCollection coldrow; 
/建立 DataRow 对 象 
DataRow drow; 
/打开 连接 
sqlconn.Open(): 
/建立 DataAdapter 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
/用 Fill 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld Fill(ds, "tabstudent"): 
// 将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables["tabstudent"]; 
/用 DataRowCollection 对 象 获取 这 个 数据 表 的 所 有 数据 行 
coldrow = dtable.Rows; 
// 逐 行 遍历 ， 取 出 各 行 的 数据 
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for (int inti = 0; inti < coldrow.Count intit+) 

{ 
drow = coldrow|[inti]: 
Labell.Text += "学 号 : "+ drow[0]; 
Labell.Text+=" 姓名 : "+ drow[]]: 
Labell.Text+=" 性 别 : "+ drow[2]; 
Labell.Text+=" 出生 日期: "+ drow[3]; 
Labell.Text+=" 地址 : "+ drow[4] + "<br >"; 

) 

sqlconn.Close(); 

sqlconn = null; 

} 


(3) 程序 运行 效果 如 图 7-13 所 示 。 
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日 期 ， 1988-5-1 00000 stt Lis 
: 1989-9-25 0:00:00 地 址 ， 郑 州 
期 ，1988-6-8 00000 地 址 ， 洛 阳 
' ' 日 期 ，1989-12-11 0:00:00 地 址 ， 沈阳 
学 号 ，6 姓 名 ， 陈 武 性 别 ， 田 出 生日 期 ，1987-7-21 000.00 地 址 ， 广 州 
学 号 ，7 姓 名 ， 刘 华 性 别 ， 女 出 生日 期 ，1990-3-15 00000 地 址 ， 广 州 
#5, sZ. R HER], 2 出 生日 期 ，1989-6-11 0:00:00 地 址 ， 深 圳 
学 号 ，9 姓名 ， 大 侠 性 别 ， 男 出 生日 期 ，1989-6-1 0:00:00 地 址 ， 沈 阳 


图 7-13 DataAdapter_select.aspx 运行 效果 


关于 显示 DataSet 中 的 数据 还 有 更 简单 的 方法 ， 就 是 绑 定 GridView 控件 等 ,详细 内 容 在 
第 8 章 中 进行 介绍 。 
742 ”使 用 DataAdapter 对 象 修改 数据 库 的 数据 


使 用 DataAdapter 对 象 修改 数据 库 数据 的 一 般 步骤 为 : 首先 建立 数据 库 连 接 ， 然 后 利用 
数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 ; 并 配置 它 的 UpdateCommand 属性 ， pe 
修改 数据 库 的 UPDATE 语句 ; 使 用 DataAdapter 对 象 的 Fil 方法 把 SELECT 语句 的 查询 结 
放 在 DataSet 对 象 的 数据 表 中 ; 接 下 来 将 该 数据 表 复制 到 DataTable 对 象 中 ; — 
DataTable 对 象 中 数据 的 修改 ,并 通过 DataAdapter 对 象 的 Update 方 法 向 数据 库 提交 修改 数据 。 

【 例 7-8】 演 示 如 何 使 用 DataAdapter 对 象 修改 数据 库 的 数据 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 DataAdapter_update.aspx 的 网 页 。 

(2) 向 Data Adapter update 页 面 添加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 控 
件 作 为 【更 新 】 提 交 按 钮 。 

G) 双击 设计 视图 中 的 【更 新 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代 码 。 
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using System Data.SqIClient; 
protected void Button] Click(object sender, EventArgs e) 
{ 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr); 
/建立 DataSet 对 象 
DataSet ds = new DataSet(); 
/建立 DataTable 对 象 
DataTable dtable; 
/建立 DataRowCollection 对 象 
DataRowCollection coldrow; 
/建立 DataRow 对 象 
DataRow drow; 
/打开 连接 
sqlconn.Open(); 
/建立 DataAdapter 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
/自己 定义 Update 命令 ， 其 中 @NAME，@NO 是 两 个 参数 
sqld.UpdateCommand = new SqlCommand("UPDATE student SET NAME = @NAME 
WHERE NO = @NO", sqlconn); 
// 定 义 @NAME 参数 ， 对 应 于 student XIJ NAME 列 
sqld.UpdateCommand.Parameters.Add("QNAME", SqIDbType.VarChar, 50, "NAME"); 
/定义 @NO 参数 ， 对 应 于 student 表 的 NO 列 ， 而 且 @NO 是 修改 前 的 原 值 
SqlParameter parameter = sqld.UpdateCommand.Parameters.Add("@NO", SqlDbType.VarChar, 10); 
parameter.SourceColumn = "NO": 
parameter.SourceVersion = DataRowVersion.Original: 
/用 Fill 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld.Fill(ds, "tabstudent 
/将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables["tabstudent"]; 
/用 DataRowCollection 对 象 获取 这 个 数据 表 的 所 有 数据 行 
coldrow = dtable.Rows; 
/修改 操作 ， 逐 行 遍历 ， 取 出 各 行 的 数据 
for (int inti = 0: inti < coldrow.Count inti++) 
{ 
drow = coldrow[inti]: 
// 给 每 位 学 生 姓名 后 加 上 字母 A 
drow[1]=drow[1}+"A"; 
} 
/提交 更 新 
sqld.Update(ds, "tabstudent"); 
sqlconn.Close(); 
sqlconn = null: 


+174= ASPNET 3.5 网 站 开发 实例 教程 


Labell.Text= "更 新 成 功 "; 
} 


(4) 程序 运行 效果 如 图 7-14 所 示 。 
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图 7-14 DataAdapter_update.aspx 的 运行 效果 


7.4.3” 使 用 DataAdapter 对 象 增加 数据 库 的 数据 


使 用 DataAdapter 对 象 增 加 数据 库 数据 的 一 般 步 骤 为 : 首先 建立 数据 库 连 接 ， 然 后 利用 
数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 ， 并 建立 CommandBuilder 对 象 自动 生成 
DataAdapter 的 Command 命令 ,否则 就 要 自己 给 UpdateCommand InsertCommand 、 
DeleteCommand 属性 定义 SQL 更 新 语句 ; 使 用 DataAdapter 对 象 的 Fill 方法 把 SELECT 语句 
的 查询 结果 放 在 DataSet 对 象 的 数据 表 中 ; 接 下 来 将 该 数据 表 复制 到 DataTable 对 象 中 ; 最 后 
实现 对 DataTable 对 象 中 数据 的 增加 ， 并 通过 DataAdapter 对 象 的 Update 方法 向 数据 库 提交 

【 例 7-9] 演示 如 何 使 用 DataAdapter 对 象 增加 一 条 学 生 记 录 。 

(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 DataAdapter_insert.aspx 的 网 页 。 

(2) 向 DataAdapter_insert 页 面 添加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 控件 
作为 【增加 】 提 交 按 钮 。 

(3) 双击 设计 视图 中 的 【增加 】 按钮 ， 添 加 如 下 所 示 的 后 台 代码 。 


using System.Data.SqlClient'; 


protected void Button1_Click(object sender. EventArgs e) 
t 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr); 
/建立 DataSet 对 象 
DataSet ds = new DataSet(); 
/建立 DataTable 对 象 
DataTable dtable; 
/建立 DataRow 对 象 
DataRow drow; 
/打开 连接 


第 7 章 ADO.NET 数据 访问 。175。 


sqlconn Open(); 
/建立 DataAdapter 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
/建立 CommandBuilder 对 象 来 自动 生成 Data Adapter 的 Command 命令， 否则 就 要 自己 编写 
//Insertcommand ,deletecommand , updatecommand 命令 。 
SqlCommandBuilder cb = new SqICommandBuilder(sqld): 
/用 Fill 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld.Fill(ds, "tabstudent 
/将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables["tabstudent"]; 
/增加 新 记录 
drow = ds.Tables["tabstudent"] NewRow0: 
/给 该 记录 赋值 
drow[0] = "19"; 
drow[1] = " 陈 峰 "; 
drow[2]=" 男 "; 
ds.Tables["tabstudent"].Rows.Add(drow); 
/提交 更 新 
sqld.Update(ds, "tabstudent"); 
sqlconn.Close0; 
sqlconn = null; 
Labell.Text = "增加 成 功 "; 
) 


(4) 程序 运行 效果 如 图 7-15 所 示 。 
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图 7-15 DataAdapter insertaspx 的 运行 效果 


74.4 使 用 DataAdapter 对 象 删 除数 据 库 的 数据 


使 用 Data Adapter 对 象 删除 数据 库 数据 的 一 般 步 骤 为 : 首先 建立 数据 库 连接 ;然后 利用 
数据 库 连 接 和 SELECT 语句 建立 DataAdapter 对 象 ， 并 建立 CommandBuilder 对 象 自动 生成 
DataAdapter 的 Command 命令 ;使 用 DataAdapter 对 象 的 Fill 方法 把 SELECT 语句 的 查询 结 
果 放 在 DataSet 对 象 的 数据 表 中 ;， 接 下 来 将 该 数据 表 复 制 到 DataTable 对 象 中 ， 最 后 实现 对 
DataTable 对 象 中 数据 的 删除 ， 并 通过 DataAdapter 对 象 的 Update 方法 向 数据 库 提 交 数 据 。 
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[ËJ 7-10】 演 示 如 何 使 用 DataAdapter 对 象 删除 符合 条 件 的 学 生 记录 。 
(1) 在 Accessdatabase 网 站 中 添加 一 个 名 为 DataAdapter delete.aspx 的 网 页 。 
(2) 向 DataAdapter delete 页 面 添 加 1 个 Label 控件 ，1 个 Button 控件 ， 其 中 Button 控件 
作为 【删除 】 按 钮 。 
(3) 双击 设计 视图 中 的 【删除 】 按 钮 ， 添 加 如 下 所 示 的 后 台 代 码 。 


using System .Data.SqlClient'; 
protected void Button1 Click(object sender, EventArgs e) 
£ 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
SqlConnection sqlconn = new SqIConnection(sqlconnstr); 
DataSet ds = new DataSet(); 
DataTable dtable; 
DataRowcCollection coldrow; 
DataRow drow; 
sqlconn.Open(); 
/建立 DataAdapter 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
/建立 CommandBuilder 对 象 来 自动 生成 DataAdapter 的 Command 命令 ， 否 则 就 要 自己 编写 
//Insertcommand ,deletecommand , updatecommand 命令 。 
SqlCommandBuilder cb = new SqlCommandBuilder(sqld); 
/用 Fill 方法 返回 的 数据 ， 填 充 DataSet， 数 据 表 取 名 为 tabstudent 
sqld Fill(ds, "tabstudent"); 
dtable = ds.Tables["tabstudent"]; 
coldrow = dtable.Rows: 
// 逐 行 遍历 ， 删 除 地 址 为 空 的 记录 
for (int inti = 0; inti < coldrow.Count inti++) 
t 
drow = coldrow[inti]; 
if (drow["address"].ToString0= "") 
drow.Delete(); 
} 
/提交 更 新 
sqld.Update(ds, "tabstudent"); 
sqlconn.Close(): 
sqlconn = null: 
Label1.Text = "删除 成 功 "; 
) 


(4) 程序 运行 效果 如 图 7-16 所 示 。 
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图 7-16 ”DataAdapter delete .aspx 的 运行 效果 


实验 7 ADO.NET 数据 库 访问 


1. 实验 目的 


熟悉 ADO.NET 数据 库 访 问 技术 , 掌握 Command 和 DataAdapter 对 象 操作 数据 库 数据 的 
方法 。 


2. 实验 内 容 和 要 求 


(1) 新 建 名 字 为 Accessdatabase_Exercise 的 网 站 。 
(2) 在 网 站 的 App_Data 文件 夹 中 ， 建 立 数据 库 MyDatabase_Exercise mdf。 
(3) 在 该 数据 库 中 建立 一 张 职工 表 ， 并 且 添 加 一 些 模拟 的 职工 记录 。 其 关系 模式 如 下 : 
Employees(ID, NAME, SEX, AGE, Dateofwork, FilenameofPhoto) 
(4) 在 web.config 配置 文件 中 ， 修 改 <connectionStrings/> 标 记 如 下 。 
<connectionStrings> 
<add name="ConnectionString" connectionString="Data Source=\SQLEXPRESS: 
AttachDbFilename=|DataDirectory| MyDatabase Exercise.mdf:Integrated Security=True:User 
Instance=True"/> 
</connectionStrings> 


(5) 添加 一 个 网 页 ， 利 用 Command 对 象 实现 新 职工 的 录入 。 

(6) 添加 一 个 网 页 ， 利 用 Command 对 象 实现 删除 指定 编号 的 职工 记录 。 

(7) 添加 一 个 网 页 ， 利 用 Command 对 象 实现 修改 指定 编号 的 职工 信息 。 

(8) 添加 一 个 网 页 ， 利 用 DataAdapter 对 象 实现 查询 职工 信息 ， 并 显示 到 网 页 的 Label 控 
件 上 。 
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本 章 首先 介绍 单 值 绑 定 和 列表 控件 的 数据 绑 定 过 程 ， 然 后 介绍 GridView 等 复杂 数据 绑 
定 控件 的 基本 用 法 , 主要 涉及 以 下 3 种 复杂 数据 绑 定 控件 : GridView, DataList 和 FormView。 
本 章 将 通过 一 系列 实例 逐步 学 习 如 何 控制 控件 的 显示 效果 和 行为 。 

本 章 学 习 目标 

e 掌握 单 值 和 列表 控件 的 数据 绑 定 

o 掌握 GridView 的 数据 绑 定 方式 、 绑 定 列 模板 列 的 配置 和 用 法 以 及 数据 的 排序 和 分 页 。 

e 掌握 DataList 和 FormView 的 数据 绑 定 和 自 定义 样式 的 设置 。 


8.1 数据 绑 定 概述 


第 7 章 学 习 了 如 何 通过 ADO.NET 访问 数据 库 , 而 这 一 章 将 着 重 学 习 如 何 利 用 ASP.NET 
提供 的 控件 将 数据 呈现 在 页 面 上 。 大 家 知道 ，Web 系统 的 一 个 典型 的 特征 是 后 台 对 数据 的 访 
问 和 处 理 与 前 台数 据 的 显示 分 离 , 而 前 台 显 示 是 通过 HTML 来 实现 的 。 一 种 将 数据 呈现 的 最 
直接 的 方式 是 将 需要 显示 的 数据 和 HTML 标记 拼接 成 字符 串 并 输出 , 但 这 种 方案 的 缺点 也 是 
显而易见 的 ， 不 但 复杂 而 且 难 以 重用 ， 尤 其 是 有 大 宗 数 据 需 要 处 理 时 。 因 此 为 了 简化 开发 过 
程 , ASP.NET 环境 中 提供 了 多 种 不 同 的 服务 器 端 控 件 来 帮助 程序 员 更 快速 高 效 地 完成 数据 的 
呈现 。 这 些 用 于 数据 呈现 的 ASP.NET 控件 ， 集 成 了 常见 的 数据 显示 框架 和 数据 处 理 功能 ， 
因而 在 使 用 时 只 需要 设置 某 些 属性 ， 并 将 需要 显示 的 数据 交付 给 控件 ， 控 件 就 可 以 帮助 用 户 
按照 固定 的 样式 (例如 表格 ) 或 通过 模板 自 定义 样式 将 一 系列 数据 呈现 出 来 ， 并 自动 继承 某 些 
内 置 的 数据 处 理 功 能 ， 例 如 : 排序 、 分 页 等 ， 当 然 也 可 以 通过 编程 定制 或 扩展 控件 的 行为 。 
这 些 控件 就 被 称 为 数据 绑 定 控件 ， 而 将 数据 交付 给 数据 绑 定 控件 的 过 程 就 被 称 为 数据 绑 定 。 

数据 绑 定 控件 本 质 上 依然 是 通过 HTML 来 呈现 数据 的 , 只 不 过 按照 某 种 样式 生成 HIML 
框架 并 将 数据 填 入 其 中 的 工作 由 控件 自动 完成 了 ， 一 些 复杂 的 数据 绑 定 控件 还 提供 了 大 量 的 
功能 帮助 用 户 对 数据 进行 进一步 操作 ， 例 如 : 排序 、 过 滤 、 新 增 、 修 改 和 删除 等 等 ， 因 而 使 
得 数据 呈现 的 过 程 变 得 简单 而 灵活 。 正 因为 如 此 ， 数 据 绑 定 控件 的 使 用 是 ASP.NET 编程 中 
非常 重要 的 一 部 分 内 容 。 

本 节 首先 从 简单 的 单 值 控件 和 列表 控件 讲 起 ,然后 通过 多 个 例子 详细 地 介绍 一 种 最 常用 
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的 数据 绑 定 控件 GridView 的 各 个 方面 ， 最 后 介绍 DataList. FormView 和 Repeater 这 3 种 上 
法 相近 的 数据 绑 定 控件 。 


8.2 ” 单 值 和 列表 控件 的 数据 绑 定 


数据 绑 定 本 质 上 是 将 数据 在 前 台 页 面 上 呈现 ，ASP.NET 3.5 的 页 面 元 素 可 以 简单 地 分 成 
两 类 : HTML 标记 和 服务 器 控件 , 因此 数据 绑 定 实际 上 是 在 HTML 标记 中 或 服务 器 控件 中 设 
置 要 显示 数据 的 过 程 。 对 于 页 面 中 的 HTML 标记 , 可 以 直接 嵌入 数据 或 绑 定 表达 式 来 设置 要 
显示 的 数据 ， 而 对 于 服务 器 控件 来 说 ， 通 常 通过 设置 控件 属性 或 指定 数据 源 来 完成 数据 的 绑 
定 ， 并 控制 其 呈现 的 样式 。 常 用 的 绑 定 表 达 式 具有 以 下 形式 : <%#XXX%>， 绑 定 表达 式 可 
以 直接 嵌入 到 前 台 页 面 代 码 中 去 ， 通 常用 于 HTML 标记 中 的 数据 显示 或 单 值 控件 数据 设置 ， 
例如 : Label, TextBox 等 。 而 对 于 列表 控件 (如 : DropDownList、CheckBoxList)， 以 及 后 面 要 
着 重 介绍 的 复杂 数据 绑 定 控件 则 常 采用 设置 数据 源 的 方式 完成 数据 呈现 。 
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【 例 8-1】 演 示 了 单 值 绑 定 的 方法 ， 这 里 将 通过 绑 定 表 达 式 和 后 台 设 置 属性 两 种 方式 设 
置 在 HIML 标记 中 和 一 个 简单 服务 器 控件 中 要 显示 的 数据 , 对 单 值 控 件 的 数据 设置 方式 是 通 
用 的 ， 因 此 这 里 只 以 TextBox 为 例 。 
【 例 8-1】 演 示 如 何 进行 单 值 绑 定 。 
(D 运行 VWD 2008， 新 建 一 个 名 为 DataBinding 的 ASP.NET 网 站 ， 并 在 网 站 中 添加 一 
个 名 为 SingleValueBinding .aspx 的 网 页 。 
(2) 在 <div> 标 记 中 添加 2 个 TextBox 控件 ， 并 修改 页 面 代码 如 下 : 


<div> 
<%# SingleValueBindingStr + "1" %> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<asp:TextBox ID="TextBox2" runat="server" 
Text="<%# SingleValueBindingStr + 3 %>"></asp:TextBox> 
</div> 


(3) 修改 页 面 后 台 代 码 如 下 : 


public partial class SingleValueBinding : System Web.ULPage 
{ 
// 在 页 面 代码 中 将 通过 绑 定 表达 式 直接 引用 该 成 员 
public String SingleValueBindingStr = " 单 值 绑 定 "; 
protected void Page Load(object sender, EventArgs e) 
{ 
/页 面 的 数据 绑 定 方法 ， 对 于 绑 定 表达 式 来 说 是 关键 的 一 步 
Page.DataBind(); 
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/通过 在 后 台 设 置 服务 器 控件 属性 来 绑 定数 据 
this.TextBox1.Text = this.SingleValueBindingStr + "2"; 


) 
(4) 程序 运行 效果 如 图 8-1 所 示 。 


无 标题 页 - Findows Internet Explorer 
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图 8-1 SingleValueBinding.aspx 运行 效果 


在 【 例 8-1】 中 ， 首 先 用 绑 定 表达 式 <%# SingleValueBindingStr + "1" %> 直 接 嵌 入 到 div 
标记 中 来 设置 HTML 标记 中 的 显示 值 , 然后 通过 绑 定 表 达 式 和 后 台 设 置 控 件 属性 两 种 方式 绑 
定 了 TextBox 控件 的 显示 数据 。 

这 里 需要 注意 绑 定 表达 式 的 用 法 , 在 <% 操 人 > 标记 中 通过 直接 引用 页 面 类 中 定义 的 公有 数 
据 成 员 SingleValueBindingStr 构成 表达 式 , 这 是 因为 aspx 页 面 是 从 .cs 代码 页 中 的 类 型 继承 过 
来 的 , 而 <% 操 人 > 标记 的 作用 正 是 通过 在 前 台 显示 代码 中 嵌入 访问 后 台数 据 的 表达 式 来 完成 数 
据 绑 定 。 这 实际 上 是 通过 绑 定 表达 式 建立 了 后 台 代 码 与 前 台 页 面 元 素 之 间 的 联系 ， 在 输出 页 
流 时 ， 系 统 根据 绑 定 表 达 式 引用 后 台 代 码 产生 的 数据 计算 表达 式 的 值 并 插入 到 显示 页 面 的 
合适 位 置 。 因 而 在 绑 定 表 达 式 中 不 仅 可 以 引用 后 台 代码 中 的 公有 数据 成 员 而 且 可 以 引用 其 公 
有 方法 ， 有 兴趣 的 同学 可 以 自己 试验 一 下 。 另 外 ,通过 表达 式 绑 定数 据 实 际 上 包含 两 个 步骤 : 
除了 为 HTML 元 素 或 服务 器 空间 指定 绑 定 表达 式 外 ， 还 需要 在 后 台 代码 中 显 式 调用 控件 的 
DataBind() 方 法 ， 否 则 绑 定 过 程 不 能 完成 ， 将 不 能 产生 预期 的 显示 效果 , 支持 数据 绑 定 的 控件 
都 提供 了 DataBind0。 所 以 在 例 8-1]】 后 台 代 码 的 Page_Load 方法 中 才 必 须 包含 Page .DataBind0 
方法 的 调用 ， 这 里 Page.DataBind0 方 法 会 调用 页 面 所 有 控件 及 其 子 控件 的 DataBind0 方 法 ( 包 
括 HTML 元 素 )。 

对 于 服务 器 控件 TextBox1， 直 接 在 后 台 代 码 中 设置 了 其 TextBoxl.Text 属性 值 来 完成 数 
据 绑 定 。 这 也 是 一 种 通用 的 方法 ,不 仅 对 单 值 控件 ,对 于 更 复杂 的 数据 绑 定 控件 也 是 适用 的 。 
只 不 过 当 涉 及 多 值 绑 定时 ， 需 要 挨个 设置 各 个 显示 项 的 相应 属性 ， 当 项 数 较 多 时 会 比较 繁琐 ， 
所 以 对 于 多 值 绑 定 更 常用 的 方法 是 通过 设置 其 数据 源 来 完成 数据 绑 定 。 


822 ”列表 控件 的 数据 绑 定 


ASP.NET 中 的 列表 控件 有 以 下 几 种 : DropDownList, ListBox, CheckBoxList 、 
RadioButtonList、BulletedList 等 等 。 虽 然 它们 呈现 数据 的 样式 和 某 些 功能 有 所 不 同 ， 但 本 质 
上 都 是 以 数据 项 列表 的 形式 呈现 和 组 织 数据 的 集合 ， 因 此 数据 绑 定 的 方式 也 很 类 似 ， 可 以 通 


第 8 章 ASPNET 中 的 数据 绑 定 。181 。 


过 编程 的 方式 为 控件 对 象 增加 多 个 数据 项 ， 也 可 以 直接 在 VWD 2008 环境 提供 的 图 形 界面 中 
编辑 要 显示 的 数据 项 列表 。 但 由 于 通常 列表 控件 绑 定 的 是 一 个 数据 集合 ， 上 述 两 种 方式 就 比 
较 繁 琐 了 ， 所 以 对 于 列表 控件 的 数据 绑 定 来 说 ， 更 常用 的 方式 是 指定 数据 源 然 后 调用 控件 的 
DataBind0 方 法 。 

下 面 以 3 种 具有 代表 性 的 列表 控件 DropDownList、CheckBoxList、BulletedList 为 例 ， 演 
示 如 何 通过 设置 数据 源 绑 定数 据 。C# 中 提供 的 很 多 集合 类 都 可 以 作为 列表 控件 的 数据 源 对 
象 ， 一 般 来 说 ， 实 现 IEnumerable、IListSource、IDataSource 和 IHierarchicalDataSource 的 类 
都 可 以 作为 数据 源 。【 例 8-2】 通 过 3 种 不 同 的 方式 构成 3 种 集合 类 对 象 作为 3 种 列表 控件 
的 数据 源 。 

【 例 8-2】 演 示 如 何 通 过 设置 数据 源 绑 定 列表 控件 。 

(1) 在 DataBinding 网 站 中 新 建 一 个 名 为 ListValueBinding 的 web 页 并 在 页 面 上 添加 3 种 

列表 控件 ， 如 图 8-2 所 示 。 
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图 8-2 ListValueBinding 设计 页 面 


在 页 面 中 添加 了 如 下 控件 : 

e 一 个 DropDownList， 一 个 文本 框 用 于 显示 选择 项 的 值 ， 设 置 其 AutoPostBack 属性 为 
True。 

e 一 个 CheckBoxList， 一 个 确定 按钮 和 一 个 文本 框 ， 控 件 每 一 个 绑 定 项 显示 文本 为 学 
生 姓 名 ， 而 值 为 性 别 ， 当 按 下 确定 按钮 后 ， 将 在 文本 框 中 显示 CheckBoxList 中 所 选 
姓名 所 对 应 的 性 别 ( 键 值 对 )。 

e 一 个 用 于 显示 链接 列表 的 BulletedList， 每 一 个 绑 定 项 都 描述 一 个 键 值 对 ， 代 表 指 向 
某 个 网 站 的 链接 。 显 示 文 本 为 超 链接 形式 的 网 站 名 称 ， 而 值 为 网 站 url， 因 此 需要 设 
置 控件 的 DisplayMode="HyperLink"， 并 设置 Target=" blank"， 代 表单 击 后 目标 url 
将 在 新 窗口 中 打开 。 

页 面 代码 如 下 : 

<div> 
<table style="width: 480px:"> 
<tr> 
<td> 
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<asp:Panel ID="Panel1" runat="server" Height="190px" Width="160px" 
BorderStyle="Groove"> 
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" 
Height="53px" Width="150px"> 
</asp:DropDownList> 
<br/> 
<asp:Label ID="Labell" runat="server" Text=" 已 选择 " Width="92%"></asp:Label> 
<br/> 
<asp:TextBox ID="TextBox1" runat="server" Width="150px"></asp:TextBox> 
<br/> 
</asp:Panel> 
</td> 
<td> 
<asp:Panel ID="Panel2" runat="server" Height="190px" Width="160px" 
BorderStyle="Groove" > 
<asp:CheckBoxList ID="CheckBoxList1" runat="server" Height="98px" Width="100%"> 
<asp:ListItem> 未 绑 定 </asp:ListItem> 
</asp:CheckBoxList> 
<br/> 
<asp:Button ID="Buttonl" runat="server" Text=" 确 E" Width="150px" /> 
<br/> 
<asp:TextBox ID="TextBox2" runat="server" Width="150px" ></asp:TextBox> 
<br/> 
</asp:Panel> 
</td> 
<td> 
<asp:Panel ID="Panel3" runat="server" Height="190px" Width="200px" 
BorderStyle="Groove"> 
<asp:BulletedList ID="BulletedList1" runat="server" 
Height="160px" Target="_blank" Width="73%" BulletStyle="Disc"> 
</asp:BulletedList> 
</asp:Panel> 
</td> 
<A> 
</table> 
</div> 


(2) 在 后 台 页 面 类 中 添加 如 下 代码 。 


/定义 三 种 数据 源 
/定义 并 初始 化 字符 串 数组 
String[] DataSourceForDDL = new String[] { " 张 小 兵 ", " 李 明 ", " 陈 飞 " }:; 
/定义 哈 希 表 


Hashtable DataSourceForCBL = new Hashtable(3) ; 
/定义 AmayList 
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ArrayList DataSourceForBL = new ArrayList(); 


protected void Page Load(object sender, EventArgs e) 


{ 


if (!IsPostBack) 


} 
} 


t 

/初始 化 哈 希 表 DataSourceForCBL 

this.DataSourceForCBL.Add(" 张 小 兵 ", " B"); 

this.DataSourceForCBL.Add(" 李 明 "," 女 "); 
this.DataSourceForCBL.Add(" 陈 飞 ", " 男 "); 

/初始 化 DataSourceForBL 

this.DataSourceForBL.Add(new KeyValueClass(" 网 易 ","http://www.163.com")); 
this.DataSourceForBL.Add(new KeyValueClass(" 新 浪 ","http://www.sina.com")); 
/为 DropDownList 绑 定数 据 

this.DropDownListl.DataSource = this.DataSourceForDDL; 
this.DropDownListl.DataBind0; 

/完成 绑 定 后 在 DropDownList 中 第 一 个 位 置 插入 一 个 数据 项 
this.DropDownListl Items Insert(0, "请 选择 "); 

/为 CheckBoxList 绑 定数 据 

this.CheckBoxList1.DataSource = this.DataSourceForCBL; 

/由 于 哈 希 表 中 存储 一 个 键 值 对 的 集合 并 希望 在 CheckBoxList 

/中 处 理 键 值 对 ， 因 此 设 定数 据 源 后 还 需 设 定 DataTextField 和 DataValueField 属 性 
this.CheckBoxListl.DataTextField = "key": 

this.CheckBoxListl.DataValueField = "value"; 

this. CheckBoxList1.DataBind(); 

/为 BulletedList 绑 定数 据 

this. BulletedList1.DataSource = this.DataSourceForBL: 
this.BulletedList1.DataTextField = "Name"; 

this.BulletedListl.DataValueField= "Url"; 

this.BulletedList1.DataBind(); 


代码 中 定义 了 3 种 集合 类 对 象 并 进行 了 初始 化 : 字符 串 数 组 DataSourceForDDL 用 作 
DropDownList 的 数据 源 ， 哈 希 表 DataSourceForCBL 用 作 CheckBoxList, ArraryList 对 象 
DataSourceForBL 用 作 BulletedList 的 数据 源 。3 种 列表 控件 的 数据 项 对 象 都 具有 以 下 2 种 属 


PE: DataTextField 和 DataValueField， 其 中 只 有 DataTextField 的 值 会 被 呈现 ， 因 


以 处 理 单 值 集合 也 可 以 处 理 键 值 对 数据 的 集合 。 


注意 : 


此 它们 既 可 


当 处 理 键 值 对 时 ， 在 指定 数据 源 后 ， 要 设置 上 述 2 个 属性 以 指定 数据 源 中 对 应 于 键 和 值 


的 数据 域 。 


(3) 然后 再 添加 一 个 帮助 类 KeyValueClass， 其 中 可 以 存储 一 个 键 值 对 ， 用 于 初始 化 
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DSForBL 对 象 。 


/// <summary> 
1/ 帮助 类 KeyValueClass 的 定义 ， 其 对 象 存储 一 个 WebSiteName: WebSiteUrl 
// 的 键 值 对 ， 被 添加 至 作为 数据 源 的 ArayList 中 
/// </summary> 
public class KeyValueClass 
t 
private String WebSiteName: 
private String WebSiteUrl; 
public String Name 
$ 
get { retum WebSiteName:} 
set { WebSiteName = value; } 
J 
public String Url 
t 
get { retum WebSiteUrl; } 
set { WebSiteUrl = value; } 
) 
public KeyValueClass(String name,String url) 
í 
this. WebSiteName = name; 
this.WebSiteUrl = url; 


} 
} 


(4) 运行 后 结果 如 图 8-3 所 示 。 
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图 8-3 ”数据 绑 定 后 的 列表 控件 


当 数 据 绑 定 完成 后 就 可 以 通过 控件 提供 的 各 种 事件 定制 其 行为 ， 对 数据 进行 进一步 
处 理 。 
(5) 为 DropDownList 和 确定 按钮 添加 事件 处 理 代 码 。 


protected void DropDownListl _SelectedIndexChanged(object sender, EventArgs e) 
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/清除 上 次 显示 内 容 
this TextBox1.Text = ""; 
/在 文本 框 中 显示 所 选 列表 项 
this.TextBoxl.Text=this.DropDownListl.SelectedValue': 
;> 
protected void Button1_ Click(object sender, EventArgs e) 
t 
this. TextBox2 Text = ""; 
/循环 遍历 CheckBoxList 中 每 个 项 ， 如 果 已 选择 在 文本 框 中 显示 选中 项 显示 文本 和 值 
foreach (ListItem liin CheckBoxListl Items) 
{ 
if(li.Selected) this.TextBox2.Text += li.Text + ":" + li.Value+ ","; 
) 
) 


(6) 运行 效果 如 图 8-4 所 示 。 
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图 8-4 事件 处 理 运行 效果 


83 GridView 控件 


GridView 是 一 个 功能 强大 的 数据 绑 定 控件 , 主要 用 于 以 表格 形式 呈现 、 编 辑 关 系数 据 集 。 
对 应 于 关系 数据 集 的 结构 ，GridView 控件 以 列 为 单位 组 织 其 所 呈现 的 数据 ， 除 了 普通 的 文本 
列 ， 还 提供 多 种 不 同 的 内 置 列 样式 ， 例 如 按钮 列 、 图 像 列 、 复 选 框 形式 的 数据 列 等 等 ， 可 以 
通过 设置 GridView 控件 的 绑 定 列 属性 以 不 同 的 样式 呈现 数据 , 或 通过 模板 列 自 定义 列 的 显 
示 样 式 。 

在 数据 绑 定时 通常 将 访问 关系 数据 库 得 到 的 结果 集 作为 GridView 控件 的 数据 源 ， 
GridView 控件 对 其 所 呈现 的 数据 集 提供 内 置 的 编辑 、 修 改 、 更 新 、 删 除 以 及 分 页 和 排序 功能 ， 
但 是 要 使 用 控件 的 内 置 数据 处 理 功能 ， 需 要 使 用 ASPNET 提供 的 数据 源 控件 (如 
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SqlDataSource 和 ObjectDataSource)， 和 否则 就 需要 手动 编写 事件 处 理 程序 来 实现 相应 功能 。 虽 
然 采用 数据 源 控件 来 连接 数据 库 并 处 理 数 据 更 加 方便 ， 但 手动 编写 代码 却 更 加 灵活 ， 并 且 在 
编写 代码 的 过 程 中 可 以 更 深入 地 了 解 GridView 控件 的 运行 方式 , 因而 也 更 具有 参考 意义 , A 
此 本 章 的 例子 中 将 采用 查询 数据 库 得 到 的 DataTable 对 象 作为 控件 数据 源 ， 然 后 通过 编写 事 
件 程序 的 方式 来 实现 数据 处 理 功能 ， 而 在 下 一 节 中 采用 数据 源 控件 绑 定 FommView 控件 并 使 
用 内 置 的 数据 处 理 功能 。 

本 节 将 从 以 下 三 个 方面 介绍 GridView 控件 的 用 法 : 

e° 基本 的 数据 绑 定 方式 

e 各 种 绑 定 列 和 模板 列 的 灵活 运用 

e 数据 的 分 页 和 排序 


83.44 GridView 的 数据 绑 定 


【 例 8-3 】 将 演示 如 何 进行 GridView 的 数据 绑 定 ， 其 基本 的 数据 绑 定 方式 与 列表 控件 类 
似 ， 首 先 设置 数据 源 ， 后 调用 DataBind0 方 法 。【 例 8-3】 在 一 个 GridView 控件 中 呈现 关系 
数据 集 ， 因 此 需要 访问 数据 库 获 取 作为 控件 数据 源 的 结果 集 ， 数 据 库 沿用 第 7 章 的 student 
数据 库 ， 数 据 库 的 访问 方式 在 第 7 章 已 经 详细 介绍 过 ， 这 里 就 不 再 袭 述 。 
【 例 8-3】 演 示 如 何如 何 为 GridView 控件 绑 定数 据 源 。 
(1) 在 DataBinding 网 站 中 新 建 一 个 名 为 GridViewBingding_1.aspx 的 页 面 ， 并 在 页 面 上 
添加 一 个 GridView 控件 。 如 图 8-5 所 示 。 


图 8-5 GridViewBingding 1.aspx 设计 页 面 


对 应 页 面 代码 如 下 : 
<div> 
<asp:GridView ID="GridViewl" runat="server"> </asp:GridView> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label><br /> 
</div> 


(2) 为 页 面 后 台 类 添加 数据 绑 定 代码 如 下 。 


protected void Page Load(object sender, EventArgs e) 

{ 
/查询 student 数 据 库 获取 结果 集 ds 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
DataSet ds = new DataSet(); 
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using (SqlConnection sqlconn = new SqIConnection(sqlconnstr)) 

t 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
sqld Fill(ds, "tabstudent"); 

j 

/以 数据 集中 名 为 tabstudent 的 DataTable 作 为 数据 源 ， 为 控件 绑 定数 据 

GridView1.DataSource = ds.Tables["tabstudent"] Default View; 

GridView1.DataBind(): 

/label 中 显示 运行 状态 

Labell.Text = "查找 成 功 "; 

$ 


(3) 运行 效果 如 下 图 8-6 所 示 。 


OO [e m:es: z] ++ | x [EE 
XPO) 编辑 正 】 FEV KERO IRO) 帮助 00 
帘 Q E A-A- w- ” 


no name sex birth address photo 
1 张 小 兵 男 1989/6/28 0:00:00 上 海 
男 1988/5/1 0:00:00 上 海 
1989/9/25 0:00:00 郑州 
1988/6/8 0:00:00 ”洛阳 
1989/12/11 0:00:00 沈 阳 


1987/7/21 0:00:00 广州 
1990/3/15 0:00:00 广州 
1989/6/11 0:00:00 深圳 


图 8-6 ”GridViewBingding_1.aspx 数据 绑 定 效果 


83.2 设 定 GridView 的 绑 定 列 和 模板 列 


H [f] 8-3】 可 以 看 到 ，GridView 的 数据 绑 定 方式 非常 简单 ， 只 用 几 句 简单 的 代码 就 可 
以 将 数据 集 以 表格 的 形式 呈现 出 来 ， 但 这 种 方式 的 呈现 效果 很 简陋 。 事 实 上 可 以 通过 设置 
GridView 控件 的 绑 定 列 属性 使 其 呈现 不 同 的 列 样式 ， 实 现 数据 的 编辑 和 修改 ， 或 编辑 模板 列 
定制 所 需 的 列 样式 和 功能 。 

下 面 在 【 例 84】 中 将 演示 如 何 为 GridView 设置 绑 定 列 、 调 整数 据 呈现 效果 、 实 现 数据 
的 编辑 和 修改 功能 以 及 如 何 通过 定义 列 模板 使 其 呈现 自 定义 样式 。 在 开始 实例 之 前 先 看 看 
GridView 提供 了 哪 几 种 内 置 的 绑 定 列 样式 , 如 何在 VWD 2008 中 设置 他 们 以 及 如 何 自 定义 模 
板 列 样式 。 

在 VWD 2008 中 可 以 通过 边界 任务 面板 进行 列 的 配置 ， 如 图 8-7 所 示 ， 单 击 GridView 
右上 角 的 小 箭头 打开 面板 。 
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图 8-7 GridView 便捷 任务 面板 


可 以 看 到 ， 面 板 上 包含 【自动 套用 格式 】 选 项 ， 通 过 【自动 套用 格式 】 可 以 为 GridView 
应 用 一 些 内 置 的 表格 呈现 样式 。 这 里 着 重 介绍 【编辑 列 】 选 项 和 【编辑 模板 】 选 项 ， 其 中 【 编 
辑 列 】 选 项 用 于 设置 表格 的 绑 定 列 数据 性 ， 而 【编辑 模板 】 选 项 用 于 编辑 模板 列 中 的 显示 项 
的 样式 。 单 击 图 8-7 的 编辑 列 选项 打开 设置 GridView 列 样式 的 字段 窗口 ， 如 图 8-8 所 示 。 


i 
由 国 ConmandField 
D] TenplateField 


选 定 的 字段 G): 


图 8-8 用 于 编辑 GridView 各 个 数据 列 样式 的 【字段 】 窗 口 


图 8-8 中 左上 角 【 可 用 字段 】 列 表 列 出 了 可 用 的 绑 定 列 类 型 ， 单 击 【添加 】 按 钮 就 可 以 
设置 GridView 控件 中 显示 的 列 及 其 类 型 。 共 有 7 种 类 型 ， 如 下 所 示 。 


BoundField: 以 文字 形式 呈现 数据 的 普通 绑 定 列 类 型 。 

CheckBoxField: 以 复 选 框 形 式 呈 现 数据 ， 绑 定 到 该 类 型 的 列 数据 应 该 具有 布尔 值 。 
HyperLinkField: 以 链接 形式 呈现 数据 ， 绑 定 到 该 类 型 的 列 数据 应 该 是 指向 某 个 网 站 
或 网 上 资源 的 地 址 。 

ImageField: 以 图 片 形式 呈现 数据 。 

ButtonField: 按钮 列 ， 以 按钮 的 形式 呈现 数据 或 进行 数据 的 操作 。 例 如 删除 记录 的 按 
钮 列 。 

CommandField: 系统 内 置 的 一 些 操作 按钮 列 ， 可 以 实现 对 记录 的 编辑 、 修 改 、 删 除 
等 操作 。 

TemplateField: 模板 列 中 对 各 个 数据 项 并 不 给 出 预 设 的 显示 样式 , 而 是 通过 自 定义 的 
方式 在 项 模板 中 设置 数据 项 的 显示 方式 。 
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在 实际 应 用 的 时 候 ， 可 以 根据 需要 显示 的 数据 类 型 ， 选 择 要 绑 定 的 列 类 型 并 设置 其 映射 
到 数据 集 的 字段 名 称 和 呈现 样式 (设置 绑 定 列 后 GridView 中 将 只 显示 映射 列 数据 ， 否 则 系统 
将 默认 以 BoundField 类 型 显示 数据 源 表 中 的 所 有 列 )。 如 【 例 8-3】 中 作为 数据 源 的 student 
表 数 据 ， 如 果 想 在 GridView 中 以 BoundField 类 型 显示 其 中 字段 名 为 “姓名 ”的 列 ， 可 以 作 
如 下 设置 。 在 图 8-8 所 示 字 段 编辑 窗口 中 添加 一 个 BoundField 列 ， 如 图 8-9 所 示 。 


字段 21 x] 
BoundField 属性 O): 
ma 
essibleHeaderText 之 
日 数据 
te am z 
由 国 CommandField DataFormatString 
S] TenplateField 日 外 观 
FooterText 
添加 中 ) HeaderImageUr] 
RENFRO): HeaderText 姓名 
EE 日 行为 
plyFormatInEditMode Fals, 
* ConvertEaptyStringTolh True r 
i 
此 字段 圭 定 到 字段。 
厂 自动 生成 字段 6) HERAA TenplatsFisld 
一 | 


图 8-9 为 GridView 添加 绑 定 列 


在 右 方 字 段 属性 编辑 框 中 设置 DataField 数据 性 为 name， 其 中 name 对 应 于 作为 数据 源 
的 student 表 中 的 name 字段 ， 通 过 该 属性 完成 显示 列 与 源 之 间 的 数据 映射 ， 而 HeaderText 属 
性 表示 该 字段 呈现 在 GridView 中 时 的 表 头 名 称 ， 这 里 设置 为 “姓名 ”。 在 属性 编辑 框 中 还 可 
以 设置 列 的 显示 外 观 或 行为 等 其 他 属性 ， 这 里 就 不 再 袭 述 。 
通过 类 似 的 方式 就 可 以 为 GridView 控件 添加 其 他 类 型 的 绑 定 列 , 这 里 CommandField 的 
使 用 方式 稍 有 特殊 。 通 过 CommandField 类 型 ， 并 配合 事件 处 理 程序 就 可 以 在 GridView 中 完 
成 数据 的 编辑 、 修 改 、 插 入 等 等 操作 。 添 加 并 设置 CommandField 类 型 的 方式 如 下 : 展开 
CommandField， 如 图 8-10 所 示 。 
字段 


JAFRA: 


3] ImageField 
l ButtonField 
BS] ConnandField 
Z 编辑 、 更 新 、 取 消 

E 


河 选择 

PaL 
二 TemplateField = 
图 8-10 CommandField 类 型 


可 见 CommandField 有 3 种 类 型 可 以 选择 ， 不 同 的 类 型 意味 着 在 CommandField 列 显示 
不 同 的 命令 按钮 ， 例 如 选择 【编辑 、 更 新 、 取 消 】， 列 样式 如 图 8-11 所 示 。 
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图 8-11 添加 【编辑 、 更 新 、 取 消 】 列 


运行 时 单 击 【 编 辑 】 按 钮 ， 列 中 的 编辑 按钮 将 会 被 蔡 换 为 两 个 按钮 【更 新 、 取 消 】， 因 
此 列 的 运行 时 实际 上 包含 了 3 个 命令 按钮 ， 单 击 按钮 所 发 生 的 行为 需要 通过 设置 相应 的 事件 
程序 完成 ， 由 于 CommandField 类 型 是 一 种 控件 内 置 的 用 于 编辑 数据 的 绑 定 类 型 ， 因 此 其 事 
件 在 GridView 控件 的 属性 窗口 中 设置 ，GridView 空间 的 属性 窗口 并 选择 事件 列表 如 图 8-12 
所 示 。 


Gridyiewl System. Web. UI. WebControls, GridView ` 
m a] a 
E it = 
PageIndexChanged 
PageIndexChanging 
RowCancelingEdit GridViewl_RowCancelingEdit 


RowCommand 

RowDeleted 
atini GridViewl_RowDeleting 

Gridyiewl_RowEditing 


图 8-12 GridView 的 事件 编辑 窗口 


其 中 的 RowEditing、RowUpdating、RowDeleting、RowCancelingEdit 事件 分 别 在 编辑 、 
更 新 、 删 除 、 取 消 按 钮 被 单 击 时 触发 。 通 过 为 这 些 事件 添加 相应 的 处 理 程序 就 可 以 完成 数据 
的 编辑 和 修改 功能 。 

对 于 TemplateField 类 型 ,需要 先 编辑 模板 来 定义 列 中 各 个 项 的 显示 样式 , 然后 根据 自 定 
义 模板 绑 定 模板 列 ， 系 统 将 根据 模板 中 定义 的 样式 呈现 数据 。GridView 中 自 定义 模板 的 方式 
与 DataList 或 Repeater 控件 的 模板 定义 方式 类 似 ， 放 在 后 续 章 节 介 绍 。 

【 例 8-4】 演 示 为 GridView 设置 绑 定 列 来 显示 student 表 数 据 的 完整 过 程 ， 例 【8-4】 中 
将 包含 4 个 BoundField #J, 1 个 CommandField 列 和 1 个 ButtonField 列 ， 这 里 将 为 各 个 命令 
按钮 添加 事件 处 理 程序 完成 数据 的 编辑 、 更 新 和 删除 功能 。 
【 例 8-4】 演 示 为 GridView 控件 设置 绑 定 列 。 
(1) 在 DataBinding 网 站 中 新 建 一 个 名 为 GridViewBingding 2.aspx 的 页 面 ， 在 页 面 上 添 
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加 一 个 GridView 控件 ， 为 其 添加 如 下 绑 定 列 并 设置 数据 映射 ， 如 图 8-13 所 示 。 

e 学 号 列 : BoundField 类 型 ， 绑 定 字段 no。 

o 姓名 列 : BoundField 类 型 ， 绑 定 字段 name, 

e 出 生日 期 列 : BoundField 类 型 ， 绑 定 字段 birth 。 

e 地 址 列 : BoundField 类 型 ， 绑 定 字 段 address。 

o 编辑 列 : CommandField 类 型 ， 子 类 型 为 编辑 、 更 新 、 取 消 ， 实 现 数据 的 编辑 和 更 新 。 

o 删除 按钮 列 : ButtonField 类 型 ， 实 现 记 录 的 删除 。 

HEER. CommandPield Eit C): 

习 Bounjpield 121 = 
td as z3 


G ImgField DeleteText 


G] PuttonField Edi tImageUrl | 


š š 


HE] Comandfield EditText 

S] TenplateField FooterText 
HeaderImageUrl 
HeaderText 
InsertImageUrl 
InsertText 插入 
HenInagelrl 
ç NevText sip E 


JieaderText 
此 字段 的 标 头 内 | 


图 8-13 Yy GridView 控件 添加 并 设置 绑 定 列 


页 面 设计 效果 如 图 8-14 所 示 。 
ra 


学 号 姓名 出 生日 期 地 址 
RHE 数据 绑 定 数据 绑 定 RHE Si “mm | 
数据 绑 定 ARRE 数据 绑 定 AHE Ma mi | 
数据 绑 定 收据 绑 定数 据 绑 定 BRNE Ma mel 
数据 绑 定 ARSE RHE ARSE ”编辑 “mm | 
ARSE MEHE BENE 数据 绑 定 。 编辑 “mm| 
图 8-14 _ GridViewBingding 2.aspx 设计 页 面 
页 面 代码 如 下 : 
<div> 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
OnRowCancelingEdit="GridViewl_RowCancelingEdit" 
OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridViewl_RowUpdating" 
DataKeyNames="no" OnRowDeleting="GridViewl_RowDeleting" Height="185px" 
Width="478px"> 
<Columns> 
<asp:BoundField DataField="no" HeaderText=" *+" ReadOnly="True" /> 
<asp:BoundField DataField="name" HeaderText=" 姓 名 " /> 
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<asp:BoundField DataField="birth" HeaderText=" 出 生日 期 " /> 
<asp:BoundField DataField="address" HeaderText=" 地 址 " /> 
<asp:CommandField InsertVisible="False" ShowEditButton="True" /> 
<asp:ButtonField ButtonType="Button" CommandName="delete" Text=" 删 除 " > 
</Columns> 
</asp:GridView> 
</div> 


(2) 在 页 面 后 台 类 中 添加 如 下 代码 进行 数据 绑 定 。 


protected void Page Load(object sender, EventArgs e) 
+ 
if (!Page.IsPostBack) bindərid0; 
) 
void bindərid) 
t 
/查询 student 数 据 库 获取 结果 集 ds 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
DataSet ds = new DataSet(); 
using (SqIConnection sqlconn = new SqIConnection(sqlconnstr)) 
{ 
SqlDataAdapter sqld = new SqlDataAdapter("select no,name.birth.address from student", sqlconn); 
sqld.Fill(ds, "tabstudent"); 
J 
/以 数据 集中 名 为 tabstudent 的 DataTable 作 为 数据 源 ， 为 控件 绑 定数 据 
GridView1.DataSource = ds.Tables["tabstudent"].DefaultView; 
GridView1.DataBind0: 


) 
(3) 为 命令 按钮 列 绑 定 事件 处 理 方法 ， 如 图 8-15 所 示 。 
可 


PageIndexChanged 
PageIndexChanging 
RowCancelingEdi t GridVierl_RowCancelingEdit 


BowConnand 
RowDeleted 
RowDeleting GridViewl_RowDeleting 
RowEditing GridViewl_RowEditing 
RowUpdated 
RowUpdating GridViewl_RowUpdating 
SelectedIndexChanged 
SeleetedIndexChenging 
Sorted 
Sorting 
CELI- 
DataBinding 
DataBound 
|— Rawllatañannd, hd 


自动 套用 格式 


SelectedIndexChanged 
在 criayiew 中 选择 行 时 、 在 该 选择 操作 完成 后 数 发 * 


图 8-15 ”为 命令 事件 设置 事件 处 理 方法 
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(4) 在 页 面 后 台 事件 处 理 方法 中 添加 事件 处 理 代码 。 


protected void GridViewl_RowEditing(object sender, GridViewEditEventArgs e) 


{ 
GridView1.EditIndex = e.NewEditIndex; 
bindgridO; 
$ 
protected void GridViewl_RowUpdating(object sender, GridViewUpdateEventArgs e) 
i 


string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; ; 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 提 交行 修改 
sqlconn.Open(); 
SqlCommand Comm = new SqlCommand(): 
Comm.Connection = sqlconn; 
Comm.CommandText = "update student set name=(@name,birth=(@birth,address=(@address where 
no=(@no"; 
Comm .Parameters.AddWithValue("Qno", GridView1.DataKeys[e.RowIndex]. Value. ToString0); 
Comm. Parameters.AddWithValue("@name", 
((TextBox)GridView1.Rows[e.RowIndex].Cells[1].Controls[0]).Text); 
Comm.Parameters.AddWithValue("@birth", 
((TextBox)GridView1.Rows[e.RowIndex].Cells[2].Controls[0]).Text); 
Comm. Parameters. AddWithValue("@address", 
((TextBox)GridView1.Rows[e.RowIndex].Cells[3].Controls[0]).Text); 
Comm.ExecuteNonQuery0; 
sqlconn.Close0; 
sqlconn = null: 
Comm = null; 
GridView1.EditIndex = -1; 
bindgrid0; 
$ 
protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) 
{ 
GridView1.EditIndex = -1: 
bindgridO; 
} 
protected void GridView]1 RowDeleting(object sender, GridViewDeleteEventArgs e) 
{ 
/设置 数据 库 连接 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString: ; 
SqIConnection sqlconn = new SqIConnection(sqlconnstr): 
sqlconn.Open(); 
// 删 除 行 处 理 
String sql = "delete from student where no=" + GridView1.DataKeys[e.RowIndex].Value. ToString() + ""; 
SqlCommand Comm = new SqlCommand(sql sqlconn): 
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Comm .ExecuteNonQuery0: 
sqlconn.Close(); 

sqlconn = null; 

Comm = null; 

GridView1 Editlndex = -1; 
bindgrid0; } 


(5) 页 面 运行 效果 如 图 8-16 所 示 。 


eo = http://localhost. EOE x] |== [oj 
XPO) RBO 查看 W) 收藏 夫 WW) IAT) 帮助 00 
TA Ern 


出 生日 期 
1989/6/26 0:00:00 
1988/5/1 0:00:00 
1989/9/25 0:00:00 
1988/6/8 0:00:00 
1989/12/11 0:00:00 
1987/7/21 0:00:00 
1990/3/15 0:00:00 
1989/6/11 0:00:00 


aa 


[Rioo 
图 8-16 GridViewBingding 2.aspx 运行 效果 


(6) 单 击 编辑 按钮 后 出 现 编辑 和 更 新 界面 ， 如 图 8-17 所 示 。 


XEO MEO FEV KERA IAT MMO 
W & BrEA N-A- = + y ESO) GIAN- ” 


E m 出 生日 其 地 址 

1 IR n [ES U Eí Til BIR | 
3 

4 

5 


李 明 1988/5/1 0:00:00 上 海 


王 彬 1989/9/25 00000 郑州 
陈 飞 1988/6/8 0:00:00 洛阳 
£= 1989/12/11 0:00:00 — 沈阳 
6 RA 1987/7/21 00000 广州 
7 刘 华 1990/3/15 0:00:00 广州 
s Æ) 1989/6/11 0:00:00 深圳 


Per TS 


图 8-17 GridViewBingding 2.aspx 的 编辑 效果 


83.3 GridView 的 排序 


GridView 控件 提供 了 用 于 实现 排序 功能 的 接口 , 通过 设置 相关 属性 并 实现 排序 事件 的 处 
理 代码 就 可 以 完成 排序 功能 。 这 里 将 以 【 例 8-4】 提 供 的 界面 的 基础 上 实现 排序 功能 。 
【 例 8-5] 演示 为 GridView 控件 实现 排序 。 
(1) 在 【 例 8-4】 中 GridViewBingding 2.aspx 页 面 中 设置 GridView 控件 属性 
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AllowSorting=True。 如 图 8-18 所 示 。 


ShowFooter 了 alse 
ShowHeader 


AutoGenerateColumns 
AutoGenerateDeleteButton False 
AutoGenerateEdi tButton False 


图 8-18 设置 AllowSorting 属性 


除了 AllowSorting 属性 ， 还 必须 设置 作为 排序 关键 字 的 列 的 SortExpression 属性 ， 这 是 
因为 GridView 中 可 以 包含 按钮 列 , 按钮 列 一 般 并 不 映射 到 某 个 数据 字段 , 而 排序 必须 以 某 个 
字段 作为 排序 关键 字 才 能 完成 。 

(2) 在 GridView 控件 的 便捷 任务 面板 中 打开 编辑 列 窗口 ， 选 择 可 以 作为 排序 关键 字 的 
列 ， 设 置 其 SortExpression 属性 为 排序 字段 名 ， 如 图 8-19 所 示 。 


JAFRA: BoundField Rit C): 
可 BoundField ANE 
Ej] CheckBoxField ma 
司 Hyper LinkField Conver tEmptyStringTolh True 
E imetia HtalEncode True 
Q Buttonfield HtnlEncodeFornatStrint True 
H] CommandField InsertVisible True 
E] TemplateField NullDisplayText 


ReadOnly 


ShowHeader 


Visible 
日 样式 
E ControlStyle 


与 字 耻 关联 的 排序 过 式 。 


图 8-19 设置 SortExpression 属性 


这 时 作为 排序 关键 字 的 列 的 列 名 变 为 超 链接 样式 ， 如 图 8-20 所 示 。 
学 号 姓名 “出 生日 期 。 地 址 

BRAE 数据 绑 定 。 数据 绑 定 RHE 

数据 绑 定 SHAE 。 数据 绑 定 BEHE 

数据 绑 定 BRET BRHE BRIE 

SRE SRST BRHE BRAHE 

SRRE BRAE BRAE BRAE 


É Ë Ë Ë Ë 


图 8-20 设置 排序 属性 后 的 控件 样式 


(3) 为 GridView 控件 设置 排序 事件 处 理 方法 ， 如 图 8-21 所 示 。 
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完成 ， 因 


医 性 
GridViewl System. Web. UI. WebControls.GridView ` 


RowUpdated - 
RowUpdating GridViewl RowUpdating 
SelectedIndexChanged 

SelectedIndexChanging 

Sorted 


DataBinding 
DataBound 
RowDataBound 


图 8-21 为 控件 设置 排序 事件 处 理 方法 


GridView 的 排序 功能 通过 响应 排序 事件 在 后 台 生 成 已 排序 的 数据 源 后 重新 绑 定数 据 来 
此 需要 事件 相应 代码 中 需要 获取 排序 字段 名 和 排序 方式 (升序 、 降 序 )， 然 后 据 此 对 


数据 源 进行 排序 后 重新 绑 定数 据 。 


(4) 为 排序 事件 处 理 方 法 添加 代码 如 下 ， 代 码 中 用 一 个 ViewState["SortDirection"] 来 记录 
当前 的 排序 顺序 ， 用 一 个 ViewState["SortExpression"] 记 录 作 为 排序 关键 字 的 字段 名 ， 然 后 重 


新 绑 定数 据 。 
protected void GridView1_Sorting(object sender, GridViewSortEventArgs e) 
t 
这 ViewState["SortDirection"] = null) ViewState["SortDirection"] = "DESC"; 
if (ViewState["SortDirection"] -ToString(0) = "ASC") 
ViewState["SortDirection"] = "DESC"; 
else 
ViewState["SortDirection"] = "ASC"; 
ViewState["SortExpression"] = e.SortExpression; 
this. DataBind(): 
$ 
修改 DataBind0 代 码 如 下 ， 使 其 根据 ViewState["SortDirection"] 的 值 生成 排序 后 的 
DataView 对 象 作为 数据 源 。 
void bindgridO 
{ 


string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; ; 
DataSet ds = new DataSet(); 
using (SqlConnection sqlconn = new SqIConnection(sqlconnstr)) 
{ 
SqlDataAdapter sqld = new SqlDataAdapter("select no,name.birth.address from student", sqlconn); 
sqld.Fill(ds, "tabstudent"); 
) 
// 判 断 是 否 已 经 进行 排序 ， 如 果 是 则 按照 ViewState 中 存储 的 信息 生成 排序 后 的 DataView 对 象 
if (ViewState["SortDirection"] — null) 
GridView1.DataSource = ds.Tables["tabstudent"] Default View; 


第 8 章 ASPNET 中 的 数据 绑 定 。197。 


else 


DataView SortedDV = new DataView(ds.Tables["tabstudent"]); 
SortedDV.Sort = ViewState["SortExpression"] ToStringO +" "+ 
ViewState["SortDirection"].ToString(); 
GridView1.DataSource = SortedDV: 
} 
GridView1.DataBind(); 
) 


(5) 排序 效果 如 图 8-22 所 示 。 


http: //1oedhost:4 x] t7 x [52 
XED WED FEV KERA IAT) MOW 


Tk Er | | š: 
学 号 姓名 出 生日 期 地 址 

8 Æ} 1989/6/11 0:00:00 z ga “(W| 

7 XW 19903/15 0:00:00 广州 gm maj 

6 Æ 1987/7/21 00000 广州 “编辑 wej 

5 IR 1989/12/1 1 0:00:00 沈阳 ”编辑 m 

4 OA 1988/6/8 00000 洛阳” 编辑 “m | 

3 ” 王 彬 19s9/9/25 0:00:00 郑州 ”编辑 “mh | 

2 Æ 1988/5/1 0:00:00 bs # mj 

1 E 19806260 +s sn mej 


K 


z 
š 


[l | Í [| Í 33 ea] @PQDt 启用 
图 8-22 GridView 排序 效果 


83.4 GridView 的 分 页 


GridView 控件 提供 了 内 置 的 分 页 功能 , 绑 定 数据 后 只 要 设置 分 页 相关 属性 系统 即 可 自动 
完成 分 页 功能 ， 只 需 在 分 页 导航 按钮 的 单 击 事件 处 理 方法 中 添加 代码 ， 设 置 当前 要 显示 的 页 
索引 并 重新 绑 定数 据 即 可 。 

【 例 8-6】 演 示 为 GridView 控件 实现 分 页 。 

(1) 在 DataBinding 网 站 中 新 建 一 个 名 为 GridViewBingding 3.aspx 的 页 面 ， 在 页 面 上 添 

加 一 个 GridView 控件 ， 并 添加 用 于 显示 分 页 信息 的 Label， 页 面 设计 如 图 8-23 所 示 。 
Column0 Column1 Column2| 


abe abc abc | 
一 页 >> | 
Label Label 

Label 


图 8-23 GridViewBingding 3.aspx 设计 页 面 


(2) 页 面 代 码 如 下 。 


<div> 
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<asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
OnPagelIndexChanging="GridView1_PagelndexChanging" 
PageSize="3" OnDataBound="GridView1_DataBound"> 
<PagerSettings Mode="NextPrevious" NextPageText=" 下 一 页 &gt;&gt;" 
PreviousPageText-"&lt&lt 上 一 页 " 户 
</asp:GridView> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
&nbsp; 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label><br /> 
<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label><br > 
</div> 


(3) 在 后 台 添加 数据 绑 定 代码 。 


protected void Page Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) bindərid(); 
j 
void bindgrid0 
í 
/查询 student 数 据 库 获取 结果 集 ds 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
DataSet ds = new DataSet(); 
using (SqlConnection sqlconn = new SqIConnection(sqlconnstr)) 
{ 
SqlDataAdapter sqld = new SqlDataAdapter("select no,name,birth,address from student", sqlconn): 
sqld Fill(ds, "tabstudent"); 
J 
/以 数据 集中 名 为 tabstudent 的 DataTable 作 为 数据 源 ， 为 控件 绑 定数 据 
GridView1.DataSource = ds.Tables["tabstudent"].DefaultView; 
GridView1.DataBind0; } 


(4) 打开 GridView 数据 属性 设置 窗口 ， 为 其 设置 分 页 相关 属性 ， 如 图 8-24 所 示 。 
本 


iewl System Web. UT WebControls. GridView - 


图 8-24 GridView 分 页 属性 设置 
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分 页 的 设置 主要 有 三 个 属性 。 

e AllowPaging: 设置 是 否 打开 分 页 功能 。 

e PageIndex: 当前 显示 的 页 索引 。 

e PageSize: 设置 每 页 包含 的 最 大 项 数 。 

除了 上 述 3 种 分 页 属性 ， 还 可 展开 PageSettings 子 项 ， 在 其 中 设置 分 页 模式 、 分 页 按钮 
的 显示 文本 等 等 分 页 后 的 控件 样式 。 其 中 Mode 属性 设置 分 页 模式 ， 共 有 4 种 可 选 模式 ， 这 
里 选择 NextPrevieus 模式 。 

(5) 设置 完 分 页 属性 后 就 可 以 为 分 页 导航 按钮 设置 分 页 事件 处 理 方法 ， 如 图 8-25 所 示 。 

四 


GridViewl System Web. UT. WebControls. Gri dVi ew - 


ËB]: | a j =: 


GridViewl_PagelndexChanging 


ng 
RowEdi ting 

RowUpaated 
RowUpdating 
SelectedTndexChanged 
SelectedIndexChanging 
Sorted 


DataBinding 
DataBound GridViewl_DataBound 
RowDataBound 


图 8-25 设置 分 页 事件 处 理 方法 


图 8-25 中 为 PageIndexChanging 事件 设置 了 事件 处 理 方法 ， 该 事件 在 分 页 导航 按钮 被 单 
击 时 触发 ， 并 返回 导航 按钮 所 指示 的 ， 也 就 是 控件 中 要 显示 的 页 的 索引 ， 在 其 事件 处 理 方法 
中 根据 该 索引 设置 要 显示 的 页 并 重新 绑 定 数据 即 可 完成 分 页 。 另 外 还 设置 了 DataBound 事件 
的 处 理 方法 ， 用 于 在 分 页 时 重新 绑 定数 据 后 设置 Label 控件 显示 分 页 信息 ， 以 及 总 共 的 页 数 、 
当前 页 数 。 

(6) 为 事件 处 理 方法 添加 代码 如 下 。 


protected void GridView1_PagelndexChanging(object sender, GridViewPageEventArgs e) 
í 
/设置 要 显示 的 页 的 索引 并 重新 绑 定数 据 
GridView1.Pagelndex = e.NewPageIndex; 
bindgrid0; 
} 
protected void GridView1_DataBound(object sender, EventArgs e) 
{ 
/分 页 数据 绑 定 前 设置 当前 页 信息 
Label2 Text = "Jt" + (GridView1.PageCount).ToString() + "页 "; 
Labell Text = "第 "+ (GridView1.PageIndex + 1) .ToString0 + "5"; 
Label3. Text = string Format(" 总 页 数 : {0}, 当前 页 : {1}", GridView1.PageCount, GridView1.PageIndex 
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(7) 运行 效果 如 下 图 8-26 所 示 。 
无 标题 页 ~ Windows Internet Explorer 
GO [e http://localhost z] Ea [xj [EE 
REP MED FEV WERW IAT) RMW 
Èe EAER 


no name sex birth address photo 
4 陈 飞 男 1988/6800000 洛阳 4jpg | 


5 E& + 1989/12/11 0:00:00 沈 阳 jpg | 

6 R B 1987/7/21 0:00:00 广州 6jpg 

<< 上 一 页 下 一 页 >> 

共 3 页 第 2 页 

总 页 数 ，3， 当 前 页 ，2 = 


[Í Í ib Intranet | 保护 模式 : 启用 [Roo + ¿ 


图 8-26 GridViewBingding_3.aspx 运行 效果 


8.4 DataList 和 FormView 控件 


本 节 将 介绍 另外 2 种 较为 复杂 的 数据 绑 定 控件 : DataList 和 FormView 控件 , 与 GridView 
一 样 , 这 2 种 服务 器 控件 也 用 于 呈现 关系 数据 库 集 , 但 它们 不 像 GridView 控件 以 固定 的 表格 
样式 显示 数据 ， 而 必须 以 自 定义 模板 的 方式 定制 数据 的 呈现 样式 ， 这 与 Gridview 的 自 定义 模 
板 列 非常 类 似 (因此 本 书 在 8.3 节 并 没有 详细 介绍 GridView 模 板 列 用 法 )。DataList 和 FormView 
控件 以 项 为 单位 组 织 和 呈现 数据 (GridView 以 列 为 单位 )， 每 一 项 对 应 于 关系 数据 集 的 一 条 记 
录 ( 行 )， 通 过 定义 和 设置 不 同 的 项 模板 定制 每 一 项 的 显示 样式 ， 绑 定数 据 后 控件 将 按照 项 模 
板 重复 显示 数据 源 的 每 条 记录 。 呈 现 数据 时 3 种 控件 对 项 的 显示 布局 各 不 相同 。DataList 控 
件 提 供 2 种 页 面 布局 ，Table 和 Flow, fE Table 模式 下 在 一 个 行列 表 中 重复 每 个 数据 项 ， 可 
以 通过 相关 属性 控制 其 按 行 显示 或 按 列 显示 并 设置 行 ( 列 ) 中 包含 的 最 大 项 数 ，Flow 模式 下 在 
一 行 或 者 一 列 中 重复 显示 数据 项 。FomView 控件 默认 每 页 显示 一 个 数据 项 ， 通 过 分 页 导航 
访问 每 条 记录 。 

在 DataList 和 FormView 控件 中 可 以 实现 对 关系 数据 集 的 编辑 、 更 新 、 插 入 、 删 除 和 分 
页 等 数据 处 理 功 能 。DataList 和 FormView 控件 针对 数据 源 控件 提供 内 置 的 数据 处 理 功 能 ， 
只 需 某 些 配置 即 可 自动 完成 ， 而 针对 其 他 类 型 的 数据 源 公开 特定 的 属性 和 事件 通过 编写 代码 
来 实现 。 

通过 8.3 节 对 GridView 控件 的 详细 介绍 , 可 以 看 出 , 复杂 数据 绑 定 控件 的 用 法 不 外 以 下 
三 个 方面 : 

e 数据 的 绑 定 与 呈现 

o 数据 的 编辑 、 修 改 、 添 加 、 删 除 

e 数据 的 分 页 和 排序 
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下 面 通过 实例 分 别 加 以 介绍 ， 由 于 3 种 控件 的 用 法 类 似 ， 这 里 只 针对 DataList 实现 数据 
的 呈现 与 绑 定 ， 针 对 FommView 实现 数据 的 编辑 、 增 、 删 、 改 及 分 页 。 

另外 还 有 一 种 基于 项 模板 数据 绑 定 控件 : Repeater， 它 不 提供 任何 内 置 的 显示 布局 和 内 
置 的 数据 处 理 功能 ， 只 是 按照 定义 好 的 项 模板 简单 地 重复 数据 。 由 于 Repeater 控件 ， 通 常 只 
是 用 于 以 同一 样式 重复 显示 数据 记录 ， 而 其 项 模板 样式 的 定义 和 使 用 方法 与 FormView 和 
DataList 极为 相似 ， 因 此 不 再 提供 实例 ， 读 者 可 以 自行 演练 。 


84.1 DataList 的 数据 绑 定 


DataList 控件 中 通过 自 定 义 模板 设置 数据 的 显示 样式 ， 它 支持 如 下 模板 类 型 。 

© ItemTemplate: 包含 一 些 HTML 元 素 和 控件 ， 将 为 数据 源 中 的 每 一 行星 现 一 次 这 
些 HTML 元 素 和 控件 。 

© AltematingltemTemplate: ”包含 一 些 HTML 元 素 和 控件 ， 将 为 数据 源 中 的 每 两 行 
呈现 一 次 这 些 HTML 元 素 和 控件 。 通 常 ， 可 以 使 用 此 模板 来 为 交 蔡 行 创建 不 同 的 
外 观 ， 例 如 指定 一 个 与 在 ItemTemplate 属性 中 指定 的 颜色 不 同 的 背景 色 。 

@ SelectedItemTemplate: 包含 一 些 元 素 ， 当 用 户 选择 DataList 控件 中 的 某 一 项 时 将 
呈现 这 些 元 素 。 通 常 ， 可 以 使 用 此 模板 来 通过 不 同 的 背景 色 或 字体 颜色 直观 地 区 分 
选 定 的 行 。 还 可 以 通过 显示 数据 源 中 的 其 他 字段 来 展开 该 项 。 

© FEditltemTemplate: ”指定 当 某 项 处 于 编辑 模式 中 时 的 布局 。 此 模板 通常 包含 一 些 编 
辑 控件 ， 如 TextBox 控件 。 

© HeaderTemplate 和 FooterTemplate: 包含 在 列表 的 开始 和 结束 处 分 别 呈 现 的 文本 和 
控件 。 

@ SeparatorTemplate: 包含 在 每 项 之 间 呈 现 的 元 素 。 典 型 的 示例 可 能 是 一 条 直线 (使 用 
HR 元 素 )。 

设计 者 需要 根据 不 同 的 需要 定义 不 同类 型 的 项 模板 ，DataList 控件 根据 项 的 运行 时 状态 

自动 加 载 相 应 的 模板 显示 数据 ， 例 如 当 某 一 项 被 选 定 后 将 会 以 SelectedItemTemplate 模 板 呈 现 
数据 ， 编 辑 功能 被 激活 时 将 以 EditItemTemplate 模 板 呈 现 数据 。 

下 面 以 【 例 8-7】 来 说 明 如 何 通过 设置 模板 为 DataList 控件 定义 数据 的 呈现 样式 并 完成 

数据 绑 定 ， 
【 例 8-7] DataList 控件 的 数据 绑 定 。 
(1) 在 DataBinding 网 站 中 新 建 一 个 名 为 DataListBingding .aspx 的 页 面 ， 在 页 面 上 添加 一 
个 DataList 控件 。 

(2) 为 DataList 编辑 、 设 置 项 模板 并 进行 显示 字段 影射 。 

在 VWD 2008 环境 中 使 用 DataList 控件 的 快捷 任务 面板 进入 模板 的 编辑 页 面 , 如 图 8-27 
所 示 。 
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J asp:datalist#Datalist1| 


EI DataList 任务 
自动 套用 格式 .… 


选择 数据 源 : | Gr) 


` 


属性 生成 器 . 
编辑 模板 


图 8-27 打开 DataList 的 模板 编辑 器 


f 
pi 


击 编辑 模板 按钮 后 进入 模板 编辑 界面 ， 如 图 8-28 所 示 。 


asp:datalist#Datalist 
DataList1 - 项 模板 DataList 任务 
[ItenTemplate m 

= $ AlternatingItenTemplate 


SelectedItemTenplate 
EditItemTemplate 
页 眉 和 页 | 


HeaderTemplate 


FooterTemplate 


分 隔 符 模板 
图 8-28 ”模板 编辑 界面 


在 这 里 只 实现 DataList 控件 的 数据 绑 定 ， 所 以 只 简单 地 定义 一 个 IemTemplate， 单 击 模 
板 类 型 后 编辑 ItemTemplate 模板 样式 如 图 8-29 所 示 。 


asp:DataList=DataListl| 
DataList1 - 项 模板 


图 8-29 ItemTemplate 模板 样式 


ItemTemplate 模板 样式 中 ， 包 含 一 个 2 行 1 列 的 HTML Table， 第 1 行 显示 图 片 ， 第 2 
行 显示 记录 中 的 其 他 字段 。 回 顾 GridView 控件 中 , 设置 绑 定 列 时 需要 同时 设置 绑 定 列 到 数据 
字段 之 间 的 数据 映射 ，DataList 控件 中 的 项 模板 显示 数据 源 每 条 记录 中 的 各 个 字段 ， 也 需要 


将 模板 中 的 显示 控件 影射 到 相应 字段 ， 才 能 在 数据 绑 定 后 在 模板 项 中 显示 
影射 通过 绑 定 表达 式 完成 , 在 项 模板 中 各 个 显示 控件 的 页 面 代码 中 添加 如 下 


E 确 的 数据 。 数 据 
REREN: AH 


Eval("XXX") %>， 其 中 Eval 方法 用 于 读 取 数据 绑 定 后 当前 显示 项 中 所 呈现 的 数据 项 ( 某 条 记 
录 ) 的 相应 字段 数据 ,Eval 方法 的 参数 XXX 指定 记录 中 要 显示 的 字段 名 。 可 以 这 样 来 理解 <%# 
Eval ("XXX") %> 表 达 式 , 当 在 后 台 代码 中 为 某 种 数据 绑 定 控件 (如 这 里 的 DataList) 设 置 数据 源 
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并 进行 数据 绑 定 后 , 运行 时 数据 源 中 的 记录 就 会 自动 与 显示 项 关联 , 有 这 种 关联 作为 上 下 文 ， 
只 要 指定 字段 名 就 可 以 访问 到 该 记录 中 的 字段 数据 。 因为 Eval 方法 需要 在 数据 上 下 文中 读 取 
数据 ， 因 此 <%# Eval("XXX") 9%> 表 达 式 只 能 用 在 数据 绑 定 控件 的 模板 定义 中 。 

定义 模板 后 的 页 面 代码 如 下 : 


<div> 
<asp:DataList ID="DataList1" runat="server" Height="354px" RepeatColumns="3" 
Horizontal Align="Justify" RepeatDirection="Horizontal"> 
<ItemTemplate> 
<table style="width: 154px; height: 111px"> 
<t> 
<td style="width: 100px"> 
<img alt=" 照 片 " sre='/image/<%# Eval("photo") %>' /></td> 
<> 
<tr> 


<td style="width: 100px"> 
学 号 : <9%# Eval("no") %><br > 
姓名 : <9%# Eval("name") %><br /> 
年 龄 ，<%# Eval("birth") %><br /> 
住址 : <%# Eval("address") %></td> 
<A> 
</table> 
</ItemTemplate> 
</asp:DataList> 
</div> 


项 模板 第 1 行 图 片 控件 中 的 表达 式 <%# Eval("photo") %> 读 取 数 据 源 记录 中 的 photo 字段 
值 作为 图 片 名 称 。 


(3) 设置 DataList 的 布局 属性 ,采用 Table 布局 , 每 行 显示 5 个 项 ， 按 行 显示 ， 如 图 8-30 
所 示 。 


Ett x 
DataListl System. Web. UI. WebControls. DataList z 
21 
EEL <^ 

CellPadding -1 

CellSpacing 0 

ExtractTenplateRows False 

Height 354px 

Horizontalàlign Jastify 

s 5 

RepeatDirection Horizontal 

RepeatLayout Table 

Width 


图 8-30 设置 DataList 布局 属性 
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(4) 在 页 面 后 台 类 中 添加 数据 绑 定 代码 。 


protected void Page Load(object sender, EventArgs e) 


{ 
if (!Page.IsPostBack) listbind(); 
} 
void listbind() 
t 


string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; ; 

DataSet ds = new DataSet(); 

using (SqlConnection sqlconn = new SqIConnection(sqlconnstr)) 

{ 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
sqld.Fill(ds, "tabstudent"); 

} 

/以 数据 集中 名 为 tabstudent 的 DataTable 作 为 数据 源 ， 为 控件 绑 定数 据 

DataListl.DataSource = ds.Tables["tabstudent''| Default View: 

DataList1.DataBindO: 

3 


(5) 页 面 的 运行 效果 如 图 8-31 所 示 。 


JO SE mrur miserante r | ta) x EE Ey 
AÈ Grn mj N-D A- ¿Emo - SIAD -” 
学 号 ，1 学 号 ，2 学 号 ，3 学 号 ，4 学 号 ,5 
HA 张 小 乓 h. 姓名 ， 王 彬 姓名 ， 陈 飞 姓名 , IR 
FES, Ei E F H. 
1989/626 1988/5/1 1989925 1988/68 1989/12/11 
00000 00090 00000 00000 00000 
住址 上 海 住址 上 海 住址 ， 郑 州 住址 ， 将 阳 住址 , 沈阳 
学 号 ,6 学 号 ,7 学 号 ，8 
HA 阵 武 姓名 , 刘 华 Hh En 
年 龄 : Fih FR: 
1987721 1990315 1989671 
0:0000 00000 00000 
住址 , 广州 住址 , 广州 Eit. Sl = 
Lal J P 
=. [ | Í | 网 本 地 rae | ge 启 同 [Rios v ¿I 


图 8-31 DataListBinding.aspx 页 面 运行 效果 
8.4.2 FormView 控件 的 数据 呈现 和 处 理 


FormView 控件 提供 了 内 置 的 数据 处 理 功能 ， 只 需 绑 定 到 支持 这 些 功能 的 数据 源 控件 ， 
并 进行 配置 ， 无 需 编写 代码 就 可 以 实现 对 数据 的 分 页 和 增删 改 功能 。 要 使 用 FormView 内 置 
的 增删 改 功能 需要 为 更 新 操作 提供 EditItemTemplate 和 InsertItemTemplate 模板 ,FormView 控 
件 显示 指定 的 模板 以 提供 允许 用 户 修改 记录 内 容 的 用 户 界面 。 每 个 模板 都 包含 用 户 可 以 单 击 
以 执行 编辑 或 插入 操作 的 命令 按钮 。 用 户 单 击 命令 按钮 时 ，FormView 控件 使 用 指定 的 编辑 
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或 插入 模板 重新 显示 绑 定 记 录 以 允许 用 户 修改 记录 。 插 入 或 编辑 模板 通常 包括 一 个 允许 用 户 
显示 空白 记录 的 【插入 】 按 钮 或 保存 更 改 的 【更 新 】 按 钮 。 用 户 单 击 【插入 】 或 【更 新 】 按 
钮 时 ，FormView 控件 将 绑 定 值 和 主键 信息 传递 给 关联 的 数据 源 控件 ， 该 控件 执行 相应 的 更 
新 。 例 如 ，SqlDataSource 控件 使 用 更 改 后 的 数据 作为 参数 值 来 执行 SQL Update 语句 。 
由 于 FormView 控件 的 各 个 项 通过 自 定义 模板 来 呈现 ， 因 此 控件 并 不 提供 内 置 的 实现 某 
一 功能 (如 删除 ) 的 特殊 按钮 类 型 ， 而 是 通过 按钮 控件 的 CommandName 属性 与 内 置 的 命令 相 
关联 。FormView 提供 如 下 命令 类 型 (区 分 大 小 写 )。 
e Edit: 引发 此 命令 控件 转换 到 编辑 模式 ， 并 用 已 定义 的 EditltemTemplate 呈现 数据 。 
o New: 引发 此 命令 控件 转换 到 插入 模式 ,并 用 已 定义 的 InsertItemTemplate 呈现 数据 。 
e Update: 此 命令 将 使 用 用 户 在 EditItemTemplate 界面 中 的 输入 值 在 数据 源 中 更 新 当前 
所 显示 的 记录 。 引 发 temUpdating 和 ItemUpdated 事件 。 

e Insert: 此 命令 用 于 将 用 户 在 InsertItemTemplate 界面 中 的 输入 值 在 数据 源 中 插入 一 条 
新 的 记录 。 引 发 IemInserting 和 Itemlnserted 事件 。 

e Delete: 此 命令 删除 当前 显示 的 记录 。 引 发 IemDeleting 和 ItemDeleted 事件 。 

o Cancel: 在 更 新 或 插入 操作 中 取消 操作 和 放弃 用 户 输入 值 ， 然 后 控件 会 自动 转换 到 
DefaultMode 属性 指定 的 模式 。 

在 命令 所 引发 的 事件 中 ， 可 以 执行 一 些 额外 的 操作 ， 例 如 对 于 Update 和 Inset 命令 ， 因 
为 IemUpdating 和 ItemInserting 事件 是 在 更 新 或 插入 数据 源 之 前 触发 的 , 可 以 在 ItemUpdating 
和 Itemlnserting 事件 中 先 判断 用 户 的 输入 值 进 行 验证 ， 满 足 要 求 后 才 访 问 数 据 库 ， 否 则 取消 
操作 。 

下 面 通过 【 例 8-8】 演 示 如 何 使 用 FormView 控件 完成 数据 的 分 页 呈现 ， 编 辑 、 更 新 、 
删除 、 添 加 等 数据 处 理 功能 。 

[J 8-8] #: FommView 控件 中 实现 数据 的 分 页 呈现 、 编 辑 、 更 新 、 删 除 和 添加 操作 。 

(1) 在 DataBinding 网 站 中 新 建 一 个 名 为 FormViewBinding.aspx 的 页 面 , 在 页 面 上 添加 1 
个 FormView 控件 。 

(2) 为 FormView 控件 添加 并 编辑 项 模板 ， 由 于 要 实现 数据 的 更 新 和 插入 操作 ， 需 要 3 
种 项 模板 ItemTemplate, EditItemTemplate 和 InsertItemTemplate， 分 别 在 显示 、 更 新 和 插入 状 
态 下 呈现 数据 。 在 FommView 控件 中 也 提供 模板 编辑 界面 (如 DataList 控件 ), 这 里 直接 在 页 面 
代码 中 进行 编辑 ， 首 先 编辑 EditltemTemplate 页 面 代码 如 下 : 


<EditItemTemplate> 
<table style="width: 100%;"> 
<t> 
<td width="40%"><asp:Label ID="Label1" runat="server" Text=" 学 号 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="noLabell" runat="server" Text=<%# Eval("no") %>' /></td> 
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<tr> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="nameTextBox" runat="server" Text=<%# Bind("name") %>' 
F</td> 
</tr> 
<t> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " 
Width="100%"></asp:Label> </td> 
<td width="60%"> <asp:TextBox ID="birthTextBox" runat="server" Text='<%# Bind("birth") %>' 
P</td> 
<I> 
<tr> 
<td width="40%"><asp:Label ID="Label4" runat="server" Text=" 地 址 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="addressTextBox" runat="server" Text='<%# 
Bind("address") %>' /></td> 
<hr> 
<tr> 
<td width="40%"> </td> 
<td width="60%" align="center"> 
<asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
CommandName="Update" Text=" 更 新 " /> 
<asp:LinkButton ID="UpdateCancelButton" runat="server" CausesValidation="False" 
CommandName="Cancel" Text=" 取 消 " /> 
</td> 
<A> 
</table> 
</EditltemTemplate> 


编辑 状态 模板 中 用 1 个 Label 控件 和 1 个 TextBox 控件 代表 数据 源 中 的 一 个 字段 ， 其 中 
TextBox 控件 为 绑 定 字段 ， 共 4 行 ， 对 应 于 数据 源 记录 中 的 4 个 字段 。 与 DataList 中 不 同 ， 
这 里 TextBox 控件 的 绑 定 表达 式 为 <%# Bind("address") %>， 表 达 式 标记 中 调用 了 Bind 方法 
(DataList 中 使 用 Eval 方法 )，Bind 方法 构成 与 数据 源 的 双向 影射 ， 通 过 双向 影射 配合 数据 源 
控件 可 以 完成 控件 内 置 的 更 新 操作 ( 仅 对 数据 源 控件 有 效 )。 而 DataList 控件 中 使 用 的 Eval 方 
法 为 单 向 影射 不 能 更 新 数据 。 

用 于 数据 显示 的 ItemTemplate 和 用 于 插入 的 msertItemTemplate 与 之 类 似 ， 这 里 不 再 
FOR. 

(3) 配置 完成 各 个 项 模板 后 ， 为 FormView 配置 分 页 ， 由 于 分 页 功能 是 内 置 的 ， 只 需要 
设置 FormView 控件 的 分 页 属性 ， 如 图 8-32 所 示 。 
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FormViewl System. Web. UI. WebControls.FormView ` 
E| 
True 
[=] P gs 
FirstPageImagelrl 
FirstPageText at:alt: 
LastPageInageUr1 
LastPageText &zt;&zt; 
Mode NextPreviousFirstLast 
NextPageInagelr] 
NextPageText 下 一 页 agt: 
PageButtonCount 10 
Position Bottom 
PreviousPageImagelr1 
PreviousPageText 上 一 页 alt: 
Visible True 


图 8-32 ”为 FommView 设置 分 页 属性 


(4) 调整 FommView 控件 的 外 观 ， 设 置 页 眉 模板 HeaderTemplate 完成 整个 页 面 的 设计 ， 
完整 的 FormView 控件 设计 代码 如 下 : 


<asp:FormView ID="FormView1" runat="server" DataKeyNames="no" 
DataSourceID="SqlDataSourcel" AllowPaging="True" CellPadding="4" ForeColor="#333333" Width="231px"> 
<PagerSettings Mode="NextPreviousFirstLast" NextPageText=" 下 一 页 &amp:gt:" 
PreviousPageText=" 上 一 页 &amp:lt:" /> 
<FooterStyle BackColor="#990000" Font-Bold="Tme" ForeColor="White" /> 
<RowStyle BackColor="#FFFBD6" ForeColor="#333333" /> 
<EditltemTemplate> 
<table style="width:100%;"> 
<tr> 
<td width="40%"><asp:Label ID="Labell" runat="server" Text=" 学 号 " Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="noLabell" runat="server" Text="<%# Eval("no") %>' /></td> 
</t> 
<w> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " Width="100%"></asp:Label> </td> 
<td width="60%"><asp: TextBox ID="nameTextBox" runat="server" Text='<%# Bind("name") %> /></td> 
<A> 
<tr> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " Width="100%"></asp:Label> 
</td> 
<td width="60%"> <asp:TextBox ID="birthTextBox" runat="server" Text='<%# Bind("birth") %>' /></td> 
<A> 
<t> 
<td width="40%"><asp:Label ID="Label4" runat="server" Tex 人 "地 址 " Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="addressTextBox" runat="server" Text=<%# Bind("address") %>' 
</td> 
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<td width="40%"> </td> 
<td width="60%" align="center"> 
<asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
CommandName="Update" Text=" 更 新 " /> 
<asp:LinkButton ID="UpdateCancelButton" runat="server" CausesValidation="False" 
CommandName="Cancel" Text=" 取 消 " > 
</td> 
</tr> 
</table> 
</EditItemTemplate> 
<InsertItemTemplate> 
<table style="width: 100%;"> 
<tr> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " Width="100%"></asp:Label> 
</td> 
<td width="60%"><asp:TextBox ID="nameTextBox" runat="server" Text='<%# Bind("name") %>' 
<d 
<tr> 
<t> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp: TextBox ID="birthTextBox" runat="server" Text='<%# Bind("birth") %>' 


<td width="40%"><asp:Label ID="Label4" runat="server" Text=" 地 址 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:TextBox ID="addressTextBox" runat="server" 
Text='<9%# Bind("address") %>' /></td> 
<A> 
<tr> 
<td width="40%"> </td> 
<td width="60%" align="center"> 
<asp:LinkButton ID="InsertButton" runat="server" CausesValidation="True" 
CommandName="Insert" Text=" 插 入 " /> 
<asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" 
CommandName="Cancel" Texf-" 取 消 " 广 
</td> 
</> 
</table> 
</InsertItemTemplate> 
<ItemTemplate> 
<table style="width: 100%;"> 
<tr> 
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<td width="4096"><asp:LabelID="Labell" nnat="server" Text=" 学 号 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="noLabel" nnat="server" Text='<%# Eval("no") %>' /></td> 
<t> 
<tr> 
<td width="40%"><asp:Label ID="Label2" runat="server" Text=" 姓 名 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="nameLabel" runat="server" Text='<%# Bind("name") %>' 
[<htd> 
</> 
<tr> 
<td width="40%"><asp:Label ID="Label3" runat="server" Text=" 出 生日 期 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="birthLabel" runat="server" Text=<%# Bind("birth") %>' 


<td width="40%"><asp:Label ID="Label4" runat="server" Text=" 地 址 " 
Width="100%"></asp:Label> </td> 
<td width="60%"><asp:Label ID="addressLabel" runat="server" 
Text="<%# Bind("address") %>' /></td> 
< 
<t> 
<td width="40%"> </td> 
<td width="60%" align="right"> 
<asp:LinkButton ID="NewButton" runat="server" CausesValidation="True" 
CommandName="New" Text=" 新 建 " /> 
<asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" 
CommandName="Edit" Text=" 更 新 " /> 
<asp:LinkButton ID="DeleteButton" runat="server" CausesValidation="False" 
CommandName="Delete" Text=" 删 除 " /> 
</td> 
< 
</table> 
</ItemTemplate> 
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" /> 
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor "White" /> 
<HeaderTemplate> 
学 生 详细 信息 
</HeaderTemplate> 
</asp:FormView> 


页 面 设计 外 观 如 图 8-33 所 示 。 
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8-33 ”FormViewBinding 页 面 设计 效果 


页 面 设计 完成 后 为 控件 创建 并 配置 数据 源 控件 ， 需 要 在 数据 源 控件 中 配置 用 于 实现 增删 
改 查 功 能 的 查询 语句 以 支持 FormView 控件 中 的 相应 命令 按钮 。 

(5) 在 页 面 上 添加 一 个 SqlDataSource 数据 源 控件 ， 过 程 如 下 : 

首先 为 数据 源 控件 配置 数据 库 连接 , 依然 使 用 第 7 章 介 绍 过 的 mydatabase.mdf。 如 图 8-34 
所 示 。 


8-34 ”为 数据 源 控 件 配 置 连接 


单 击 下 一 步 配置 连接 字符 串 ， 系 统 将 自动 生成 mydatabosemdf 的 连接 字符 串 并 保存 ， 如 
果 已 经 按照 第 7 章 给 出 的 手动 方式 将 连接 字符 串 添 加 到 web.config 文件 中 , 则 可 以 跳 过 此 步 。 
然后 为 数据 源 配置 查询 如 图 8-35 所 示 。 
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完成 后 为 SqlDataSource 数据 源 控件 配置 更 新 、 插 入 和 删除 语句 。 

首先 打开 数据 源 控件 的 属性 窗口 在 其 数据 属性 部 分 设置 DeleteCommandType 属性 , 该 属 
性 支持 2 种 枚 举 值 ，Text 和 StoredProcedure， 前 者 使 用 Sql 语句 实现 删除 操作 ， 后 者 用 数据 
库 中 的 存储 过 程 实现 ， 例 中 设置 为 Text。 

如 图 8-36 所 示 。 


= 


x 
CancelSelectOnNullParameter True 


ConflictDetection Overwri teChanges 

ConnectionString Data Source=. \SQLEXPRESS 
Text -| 

DeleteQuery GB) 

EEC 


图 8-36 为 SqlDataSource 控件 配置 属性 


然后 为 查询 操作 添加 Sql 语句 完成 删除 操作 , 通过 DeleteQuery 属性 打开 删除 命令 的 【 命 
令 和 参数 编辑 器 】 界 面 ， 如 图 8-37 所 示 。 


命令 和 惫 教 编辑 如 


Cw J = | 


图 8-37 【命令 和 参数 编辑 器 】 界 面 


fE DELETE 命令 一 栏 输入 删除 语句 : DELETE FROM student WHERE (no = @no)。 这 里 
需要 注意 Delete 语句 的 参数 no = @no, 正 因为 在 编辑 模板 中 为 数据 显示 项 和 数据 源 记 录 字 段 
之 间 建 立 了 双向 绑 定 , 才 可 以 直接 将 绑 定 字段 名 no 作为 参数 名 完成 删除 语句 ,系统 将 自动 获 
取 编 辑 模板 中 的 相应 显示 项 的 当前 显示 值 作 (对 于 插入 和 更 新 操作 是 输入 值 ) 为 参数 执行 Sql 
语句 。 

用 同样 的 方法 为 更 新 操作 添加 Update 语句 : 

UPDATE student SETname = (@name.birth=(@birth.address=(@address where no=(@no 

为 插入 操作 添加 Insert 语句 : 


INSERT INTO student(name, birth, address) VALUES (@name,(@birth.@address) 
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上 述 设置 将 会 在 页 面前 台 生 成 如 下 SqlDataSource 控件 定义 代码 : 


<asp:SqlDataSource ID="SqlDataSourcel" runat="server" 

ConnectionString="Data 
Source=\SQLEXPRESS: AttachDbFilename=|DataDirectoryl\mydatabase.mdf:Integrated Security=True:User 
Instance=True" 

ProviderName="System Data.SqlClient" 

SelectCommand="SELECT [no], [name], [birth], [address] FROM [student]" 


InsertCommand="INSERT INTO student(name, birth, address) VALUES 
(@name,@birth.@address)" 

DeleteCommand="DELETE FROM student WHERE (no = @no)" 

UpdateCommand="update student set name = @name,birth=@birth,address=@address where 
no=@no"> 
</asp:SqlDataSource> 


(6) 到 此 已 全 部 完成 了 FomView 控件 的 设计 ， 可 以 运行 查看 执行 的 效果 ， 如 图 8-38 和 
图 8-39 所 示 。 


TFT oj x] 无 标题 页 - Yindows ol xj 
GQ fe nioa z] + x [| GO + [ses Aoao] >| x || 
XEO WD FEV BERW TJ” ZEP MED FEV BERW II” 
W & Ore Te Grm 


姓名 os 奥运 
生日 。” [zo08/8/8 
地 址 Bum 


1 
张 小 兵 
1989/6/26 0:00:00 


地 址 上 海 - 
新 建 更 新 删除 插入 ma 


到 到 
[S 本 地 fntranet | 保护 模式 - 局 | 二 1008 + ¿| Ri 本 地 Intranet | 保护 模式 ; 局 [二 IO < 及 


图 8-38 FormViewBinding.aspx 的 显示 和 插入 界面 
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Èk Ermia TÈ E 


息 学 生 详细 信息 
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学 号 16 
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图 8-39 FormViewBinding.aspx 的 显示 和 更 新 界面 
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实验 8 数据 绑 定 


1. 实验 目的 


熟悉 ASPNET 中 的 数据 绑 定 , 掌握 使 用 GridView、DataList 和 FormView 进行 数据 显示 
和 处 理 的 方法 。 


2. 实验 内 容 和 要 求 


(1) 新 建 名 字 为 DataBinding Exercise 的 网 站 。 

D 在 网 站 中 建立 用 于 数据 绑 定 的 数据 库 ( 可 参考 本 章 使 用 的 实例 数据 库 student, 或 直接 
使 用 第 7 章 实验 中 的 MyDatabase_Exercis)。 

(3) 添加 一 个 网 页 ， 利 用 GridView 实现 数据 的 分 页 显示 。 

(4) 添加 一 个 网 页 ， 利 用 DataList 实现 数据 的 分 页 显示 。 

(5) 添加 一 个 网 页 ， 利 用 FormView 控件 实现 数据 的 插入 、 修 改 和 删除 操作 ，FormView 
界面 及 布局 自 定义 。 
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ASP.NET AJAX 采用 异步 编程 方式 ,与 前 面 学 习 的 同步 编程 模式 有 所 不 同 ， 最 大 的 特点 
是 提供 对 客户 端 脚本 的 自动 管理 ， 利 用 ASP.NET AJAX 服务 器 控件 ， 程 序 员 可 以 使 用 
ASP.NET 3.5 中 现 有 的 各 种 控件 实现 局 部 页 面 更 新 的 效果 。 

本 章 首先 介绍 ASP.NET AJAX 的 基本 知识 ， 然 后 详细 讲解 ASP.NET AJAX 主要 服务 器 
控件 的 使 用 方法 ， 最 后 介绍 ASP.NET AJAX Control Extenders 扩展 控件 。 

本 章 的 学 习 目 标 

° 了 解 ASPNET AJAX 的 基本 知识 

o 掌握 ASPNET AJAX 主要 控件 的 用 法 

° 了 解 ASPNET AJAX Control Extenders 扩展 控件 


9.1 ASP.NET AJAX 概述 


Ajax(Asynchronous JavaScript and XML) 技 术 是 由 Jesse James Garrett 提出 的 , 是 综合 异步 
通信 、 JavaScript 以 及 XML 等 多 种 网 络 技术 新 的 编程 方式 。 如果 从 用 户 看 到 的 实际 效果 来 看 ， 
也 可 以 形象 地 称 之 为 无 页 面 刷新 技术 。 

Ajax 技术 的 主要 内 容 包括 : 基于 Web 标准 XHTML+CSS 的 表示 ; 使 用 DOM(Document 
Object ModeD) 进 行动 态 显示 及 交互 ; 使 用 XML 和 XSLT 进行 数据 交换 及 相关 操作 ， 使 用 
XMLHttpRequest 进行 异步 数据 检索 ; 使 用 JavaScript 将 所 有 的 东西 绑 定 在 一 起 等 等 。 

Ajax 技术 的 最 大 优点 就 是 能 在 不 更 新 整个 页 面 的 前 提 下 维护 数据 。 这 使 得 Web 应 用 程 
序 更 为 迅捷 地 回应 用 户 动作 ， 并 避免 了 在 网 络 上 发 送 那些 没有 改变 过 的 信息 。 

2005 年 ，Microsoft 公司 在 专业 开发 人 员 大 会 上 宣布 将 在 ASP.NET 上 实现 Ajax 功能 ( 开 
发 代号 为 Atlas)， 主 要 是 为 了 充分 利用 客户 端 JavaScript. DHTML 和 XMLHttpRequest 对 象 。 
目的 是 帮助 开发 人 员 创 建 更 具 交 互 性 的 支持 Ajax 的 Web 应 用 程序 。 直 到 2007 年 1 H, 
Microsoft 公司 才 真正 推出 了 具有 Ajax 风格 的 方便 的 异步 编程 模型 ， 这 就 是 ASPNET AJAX 
1.0。 同 时 为 了 与 其 他 的 Ajax 技术 区 分 ，Microsoft 公司 用 大 写 的 AJAX， 并 在 其 前 面 加 上 


第 9 章 ASPNETAJAX =。215。 


ASP.NET. 

ASP.NET AJAX 1.0 是 以 可 以 在 ASP.NET 2.0 之 上 安装 的 单独 一 个 下 载 的 形式 发 布 的 。 
从 . NET Framework 3.5 开始 ， 所 有 这 些 特性 都 成 为 ASP.NET 所 固有 的 ， 这 意味 着 在 构建 或 
部 署 应 用 时 ， 不 再 需要 下 载 和 安装 单独 的 ASPNET AJAX 安装 文件 。 

当 在 VWD 2008 中 创建 针对 NET Framework 3.5 的 新 ASPNET 网 站 时 ，VWD 2008 会 
自动 在 web.config 文件 里 添加 适当 的 AJAX 注册 设置 ， 而 且 核心 ASPNET AJAX 服务 器 控 
件 会 出 现在 工具 箱 里 。 

对 于 Web 开发 来 说 ，ASP.NET AJAX 从 基础 框架 实现 ， 到 客户 端 与 服务 器 的 通信 ， 都 
发 生 了 翻天 覆 地 的 变化 。 相 对 于 ASP.NET Kit, ASP.NET AJAX 是 一 种 更 为 成 熟 的 Web F 
发 技术 。 

下 面 介绍 ASP.NET AJAX 主要 控件 ScriptManager, UpdatePanel, UpdateProgress 和 Timer 
的 编程 方法 。 


92 ScriptManager 控件 


ScriptManager 控件 是 ASPNET AJAX 的 核心 ， 它 提供 处 理 页 面 上 的 所 有 ASPNET 
AJAX 控件 (UpdatePanel、UpdateProgress 等 ) 的 支持 ， 没 有 该 控件 的 存在 其 他 ASPNET AJAX 
控件 是 不 能 工作 的 ， 并 且 所 有 需要 支持 ASP.NET AJAX 的 ASP.NET 页 面 上 只 能 有 一 个 
ScriptManager 控件 。 另 外 ，ScriptManager 控件 还 可 以 生成 相关 的 客户 端 代理 脚本 以 便 能 够 在 
客户 端 脚本 中 访问 Web Service。 

92.1 ScriptManager 控件 的 属性 和 方法 


要 使 用 ASPNET AJAX 提供 的 功能 ， 必 须 在 网 页 中 包含 一 个 ScriptManager 控件 。 如 果 
在 网 站 中 添加 一 个 【AJAX Web 窗 体 】 网 页 ，ASP.NET 会 自动 在 该 网 页 中 添加 一 个 
ScriptManager 控件 标记 ， 代 码 如 下 : 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
但 是 ， 如 果 在 网 站 中 添加 一 个 【Web 窗 体 】 网 页 ，ASP.NET 就 不 会 自动 添加 这 个 控件 ， 
此 时 需要 从 【工具 箱 】 中 将 其 拖 放 到 页 面 中 ， 使 其 生成 下 面 代码 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 


ScriptManager 控件 提供 了 很 多 属性 和 方法 ， 用 于 对 客户 端 脚本 进行 各 种 复杂 的 管理 。 表 
9-1 列 出 了 部 分 内 容 。 
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表 9-1 ScriptManager 控件 的 常用 属性 和 方法 


属性 方法 说 明 
AsyncPostBackErrorMessage 属性 异步 回 传 发 生 错误 时 的 自 定义 提示 错误 信息 
AsyncPostBackTimeout 属性 异步 回 传 时 超时 限制 ， 默 认 值 为 90， 单位 为 秒 
EnablePartialRendering 属性 是 否 支持 页 面 的 局 部 更 新 ， 默 认 值 为 Tmue， 一 般 不 需要 修改 
ScriptMode 属性 指定 ScriptManager 发 送 到 客户 端的 脚本 的 模式 ， 有 4 种 模式 : 
Auto，Inherit，Debug，Release， 默 认 值 为 Auto 

ScriptPath 属性 设置 所 有 的 脚本 块 的 根 目录 ,作为 全 局 属性 , 包括 自 定义 的 脚本 
块 或 者 引用 第 三 方 的 脚本 块 。 如 果 在 Scripts 中 的 
<asp:ScriptReference /> 标签 中 设置 了 Path 属性 ， 它 将 履 盖 该 属性 

OnAsyncPostBackError 方法 异步 回 传 发 生 异 常 时 的 服务 端 处 理 函 数 , 在 这 里 可 以 捕获 一 场 信 
息 并 作 相应 的 处 理 

OnResolveScriptReference 方法 指定 ResolveScriptReference 事件 的 服务 器 端 处 理 函数 , 在 该 函数 


中 可 以 修改 某 一 条 脚本 的 相关 信息 如 路 径 、 版 本 等 


92.2 ScriptManager 控件 的 用 法 


下 面 是 一 个 简单 的 ASP.NET AJAX 示例 ,实现 将 DropDownList 已 选择 值 ， 传 递 给 一 个 
Label 控件 的 Text 属性 。 

【 例 9-1】 简 单 的 ASPNET AJAX 示例 。 

(1) 创建 名 称 为 ScriptManagerExample 的 网 站 。 

(2) 在 ScriptManagerExample 网 站 中 添加 一 个 名 为 Example.aspx 的 【Web 窗 体 】 网 页 。 

(3) 将 2 个 控件 ScriptManager 和 UpdatePanel 拖 放 到 Example.aspx 的 【设计 】 视 图 中 ， 
然后 在 UpdatePanel 中 放 入 DropDownList 和 Label 2 个 控件 。 

(4) 给 DropDownList 控件 增加 2 个 选择 项 hello world 和 hello ajax， 同 时 设置 
DropDownList 控件 的 AutoPastBack 属性 为 True, 

网 页 【设计 】 视 图 如 图 9-1 所 示 。 


i = SerintManagerl 
asp:UpdatePanel#UpdatePanall ` | 


Label 


hello world 可 


图 9-1 Example aspx 的 设计 视图 


对 应 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
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<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 


<br/> 


<asp:DropDownListID="DropDownListl" runat="server" 


onselectedindexchanged="DropDownListl SelectedIndexChanged" 
AutoPostBack="True" > 

<asp:ListItem>hello world</asp:ListItem> 

<asp:ListItem>hello ajax</asp:ListItem> 


</asp:DropDownList> 
</ContentTemplate> 
</asp:UpdatePanel> 


(5) 双击 【设计 】 视 图 中 的 DropDownList 控件 ， 添 加 下 面 后 台 代码 。 


protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) 


{ 


Labell.Text = DropDownList1.SelectedValue; 


) 


(6) 按 Cul 十 F5 组 合 键 运行 ， 选择 DropDownList 控件 的 选项 ， 观 察 页 面 刷新 效果 。 此 时 
可 以 看 到 ， 浏 览 器 的 【后 退 】 按 钮 是 灰色 的 ， 该 示例 不 像 其 他 程序 那样 ， 出 现 屏幕 “闪烁 ”， 
说 明 它 没有 进行 整个 页 面 的 更 新 。 


93 UpdatePanel 控件 


UpdatePanel 控件 是 ASP.NET AJAX 中 很 重要 的 一 个 控件 ， 它 可 以 用 来 创建 局 部 更 新 的 
Web 应 用 程序 。 有 了 UpdatePanel 控件 ， 开 发 者 不 需要 编写 任何 客户 端 脚本 ， 只 需 在 页 面 上 
添加 UpdatePanel 控件 和 ScriptManager 控件 就 可 以 自动 实现 局 部 更 新 。 


9.3.1 UpdatePanel 控件 工作 原理 


UpdatePanel 控件 的 工作 依赖 于 ScriptManager 控件 和 客户 端 PageRequestManager 类 
(Sys.WebForms.PageRequestManager， 可 以 参考 其 他 相关 资料 )， 当 ScriptManager 允许 页 面 局 
部 更 新 时 ， 它 会 以 异步 的 方式 回 传 给 服务 器 ， 与 传统 的 整 页 回 传 方式 不 同 的 是 只 有 包含 在 


UpdatePanel 中 的 页 


而 部 分 会 被 更 新 ， 在 从 服务 器 返回 XHTML 之 后 ，PageRequestManager 


会 通过 操作 DOM 对 象 来 蔡 换 需要 更 新 的 代码 片段 。UpdatePanel 工作 过 程 如 图 9-2 所 示 。 
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Server Side Client Side 
Ñ MyPage.aspx a Clent 
<asp:ScriptManager <div 1d="UP1"/> 


1d="SM1` 
runat="server"/> 
<asp:UpdatePanel 
1d=“UP1” 
UpdateMode=“Conéitional" 
runat="server"> 
cContentTamplate> 


-- Other panel content --> 


<asp:Button 
1d=“B1” 
Text=*Sjbmit" Posthack <div 1d="UP1"/> 
5 s Updated panel content 
runat= server /> Le “mut type="submit" 
s/contentlenplate> Respunse name-"B1" 
<tasp:updatePanel> Partial 
jate 


图 9-2 UpdatePanel 工作 过 程 


从 图 9-2 中 可 以 看 出 ， 当 客户 端 向 服务 器 第 1 次 发 出 请 求 时 ， 服 务 器 返回 整个 页 面 。 除 
此 之 外 ， 均 通过 异步 回 传 方式 对 页 面 进行 局 部 更 新 。 


9.3.2 UpdatePanel 控件 属性 
UpdatePanel 控件 常用 属性 如 表 9-2 所 示 。 


表 9-2 UpdatePanel 控件 常用 属性 


属 性 H 
ContenteTemplate 定义 UpdatePanel 的 内 容 
Triggers 定义 控件 的 服务 器 事件 为 异步 或 同步 触发 器 


ChildrenAsTriggers 当 UpdateMode 属性 为 Conditional 时 , UpdatePanel 中 的 子 控件 的 异步 回 送 是 否 会 
引发 UpdatePanle 的 更 新 


RenderMode 表示 UpdatePanel 最 终 呈现 的 HTML 元 素 。Block( 默 认 ) 表 示 <div>，Inline 表示 
<span 
UpdateMode 表示 UpdatePanel 的 更 新 模式 ， 有 2 个 选项 : Always 和 Conditional。Always 是 不 


管 有 没有 Trigger， 其 他 控件 都 将 更 新 该 UpdatePanel，Conditional 表示 只 有 当前 
UpdatePanel 的 Trigger, sË ChildrenAsTriggers 属性 为 tue 时 当前 UpdatePanel 中 
控件 引发 的 异步 回 送 或 者 整 页 回 送 ， 或 是 服务 器 端 调 用 Update0) 方 法 才 会 引发 更 
新 该 UpdatePanel 


ContenteTemplate 和 Triggers 都 是 UpdatePanel 控件 的 重要 属性 。 
1. ContentTemplate 属性 


ContenteTemplate 属性 用 来 定义 UpdatePanel 的 内 容 ， 其 内 容 包括 其 他 控件 或 HTML 元 
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素 。 例 如 ， 在 UpdatePanel 的 内 容 放置 1 个 Label 控件 和 1 个 Image 控件 ， 代 码 如 下 : 


<asp:UpdatePanel ID= "UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"> </asp:Label> 
<asp:Image ID="Image1" runat="server" /> 
</ContentTemplate> 
</asp:UpdatePanel> 


2. Triggers 属性 


在 UpdatePanel 中 有 2 种 Triggers， 分 别 为 AsyncPostBackTrigger 和 PostBackTrigger。 
AsyncPostBackTrigger 用 来 指定 某 个 服务 器 控件 作为 该 UpdatePanel 的 异步 更 新 触发 器 ， 
PostBackTrigger 用 来 指定 在 UpdatePanel 中 的 某 个 服务 器 控件 作为 同步 更 新 触发 器 。 异 步 更 
新 触发 器 所 引发 的 回 传 叫 异步 回 传 ， 引 发 页 面 局 部 更 新 。 同 步 更 新 触发 器 所 引发 的 回 传 叫 同 
步 回 传 ， 引 发 传统 的 整 页 回 传 。 

例如 ，Buttonl 采用 异步 回 传 方式 ， 而 Button2 采用 同步 回 传 方式 ， 代 码 如 下 : 


<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 


</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControllD="Button1" /> 
<asp:PostBackTrigger ControlID="Button2" /> 
</Triggers> 
</asp:UpdatePanel> 


9.3.3 {E UpdatePanel 中 实现 局 部 更 新 


在 一 个 页 面 中 ， 如 果 需 要 局 部 更 新 的 内 容 较 少 ， 可 以 放置 1 UpdatePanel 控件 ， 在 该 
控件 内 实现 局 部 更 新 的 效果 。 


1. 在 UpdatePanel 中 实现 局 部 更 新 


下 面 通过 具体 示例 介绍 在 UpdatePanel 中 实现 局 部 更 新 的 方法 。 
【 例 9-2] 7E UpdatePanel 中 实现 局 部 更 新 。 
(1) 创建 名 称 为 UpdatePanelExamplel 的 网 站 。 
(2) 在 Defaultaspx 的 【设计 】 视 图 中 ， 放 置 ScriptManager，UpdatePanel 两 个 控件 。 
(8) 在 UpdatePanel 内 部 放 入 2 个 Label 控件 和 1 个 Button 控件 ， 同 时 在 UpdatePanel 外 
也 放置 1 个 Button 控件 。 
该 页 面 【设计 】 视 图 如 图 9-3 所 示 。 
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图 9-3 Defaultaspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 代码 如 下 : 


<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text=" 当 前 时 间 : "></asp:Label> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<br/> 
<asp:Button ID="Button1" runat="server" Text="Button1" onclick="Button1_Click" /> 
<br> 
</ContentTemplate> 
</asp:UpdatePanel> 
<br/> 
<asp:Button ID="Button2" runat="server" Text="Button2" onclick="Button2 Click" /> 


(4) 分 别 双击 【设计 】 视 图 中 Button 控件 ， 添 加 如 下 所 示 的 后 台 代码 。 


protected void Button1_Click(object sender, EventArgs e) 


í 
this Label2 Text = DateTime.Now.ToString(): 


} 
protected void Button2_Click(object sender, EventArgs e) 


{ 
this.Label2.Text = DateTime.Now.ToString(): 


} 


(5) 按 Ctl 十 F5 组 合 键 运行 ， 单 击 Buttonl 和 Button? 按钮 ， 观 察 有 什么 不 同 。 

可 以 看 到 ， 虽 然 单 击 Buttonl 和 Button? 按钮 都 实现 了 显示 时 间 的 Label 控件 更 新 , 但 页 
面 刷新 效果 却 不 同 。 通 常 默 认 情况 下 ， 在 UpdatePanel 内 部 的 服务 器 控件 采用 的 是 异步 回 传 
HI, KIN UpdatePanel 的 局 部 更 新 ， 而 在 UpdatePanel 外 面 的 服务 器 控件 采用 的 是 同步 回 传 
方式 ， 实 现 整个 页 面 的 刷新 。 


2. 利用 Triggers 属性 指定 服务 器 控件 回 传 方式 


下 面 通过 对 【 例 9-2】 简 单 的 修改 ， 介 绍 一 下 如 何 利用 Triggers 属性 指定 服务 器 控件 回 
传 方式 。 
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【 例 9-3】 利 用 Triggers 属性 指定 服务 器 控件 回 传 方式 。 

(1) 打开 【 例 9-2】 中 UpdatePanelExamplel 网 站 。 

(2) 在 Defaultaspx 的 【 源 】 视 图 中 增加 Triggers 标记 ， 指 定 Buttonl 控件 为 同步 触发 器 ， 
Button2 控件 为 异步 触发 器 。 代 码 如 下 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:LabelID="Labell" runat="server" Text=" 当 前 时 间 : "></asp:Label> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
<br/> <br/> 
<asp:Button ID="Button1" runat="server" Text="Button1" onclick="Button1 Click" /> 
<br/> 
</ContentTemplate> 
<Triggers> 
<asp:PostBackTrigger ControllD="Button1" /> 
<asp:AsyncPostBackTrigger ControllD="Button2" /> 
</Triggers> 
</asp:UpdatePanel> 
<br/> 
<asp:Button ID="Button2" runat="server" Text="Button2" onclick="Button2 Click" > 


(8) 按 Ctl 十 F5 组 合 键 运行 。 

此 时 可 以 看 到 ， 虽 然 Buttonl 按钮 在 UpdatePanel 内 部 ， 但 实现 的 是 整个 页 面 的 更 新 ， 而 
在 UpdatePanel 外 面 的 Button2 按钮 却 实现 了 UpdatePanel 局 部 更 新 ， 究 其 原因 是 Triggers 属 
性 指定 回 传 方式 的 结果 。 


93.4 同一 页 面 上 使 用 多 个 UpdatePanel 


使 用 UpdatePanel 的 时 候 并 没有 限制 在 一 个 页 面 上 用 多 少 个 UpdatePanel， 所 以 可 以 为 不 
同 的 需要 局 部 更 新 的 页 面 区 域 加 上 不 同 的 UpdatePanel. 由 于 UpdatePanel 默认 的 UpdateMode 
是 Always， 如 果 页 面 上 有 一 个 局 部 更 新 被 触发 ， 则 所 有 的 UpdatePanel 都 将 更 新 ， 这 是 有 时 
不 愿 看 到 的 ， 这 时 只 需要 UpdatePanel 在 它 自己 的 触发 器 触发 的 时 候 更 新 就 可 以 了 ， 所 以 需 
要 把 UpdateMode 设置 为 Conditional。 

下 面 的 【 例 9-4】 包 括 2 个 UpdatePanel， 其 中 一 个 用 来 输入 数据 ， 而 另 一 个 则 用 来 显示 
数据 ,每 一 个 UpdatePanel 的 UpdateMode 属性 都 设置 为 Conditional， 当 单 击 【 新 增 ] 按钮 时 ， 
2 个 UpdatePanel 都 更 新 ， 当 单 击 【 取 消 】 按 钮 时 ， 只 有 用 来 数据 输入 的 那个 UpdatePanel 
更 新 。 


【 例 9-4】 同 一 页 面 上 使 用 多 个 UpdatePanel 的 示例 。 
(1) 创建 名 称 为 UpdatePanelExample3 的 网 站 。 
(2) 在 Default.aspx 的 【设计 】 视 图 中 , 放置 1 个 ScriptManager 和 2 个 UpdatePanel 控件 。 
(3) 在 一 个 UpdatePanel 中 放 入 1 个 ListBox 控件 和 1 个 Label 控件 ， 而 在 另 一 个 
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UpdatePanel 中 放置 1 个 TextBox 控件 、1 个 Label 控件 和 2 个 Button 控件 。 
该 页 面 【设计 】 视 图 如 图 9-4 所 示 。 
i — Seriptimaceri 


- UpdatePanell 


图 9-4 Default.aspx 的 设计 页 面 
对 应 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanell" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<fieldset style="width:180px;"> 
<legend >UpdatePanel1</legend> 
<asp:ListBox ID="ListBox1" runat="server" Width="170px"></asp:ListBox> 
<asp:Label ID="Label1" runat="server" ><%=DateTime.Now %></asp:Label> 
</fieldset> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="InsertButton" EventName="Click" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<fieldset style= "width:160px:"> 
<legend >UpdatePanel2</legend> 


<asp:TextBox ID="TextBox1" runat="server" EnableTheming="True"></asp:TextBox> 
<asp:Button ID="InsertButton" runat="server" Text=" 新 增 " OnClick="InsertButton Click" /> 
&nbsp:&nbsp: 

<asp:Button ID="Cancelbutton" runat="server" Text=" 取 消 " OnClick="Cancelbutton_Click" /> 
<asp:Label ID="Label2" runat="server" ><%=DateTime.Now %></asp:Label> 

</fieldset> 


</ContentTemplate> 
</asp:UpdatePanel> 


(4) 分 别 


双击 【设计 】 视 图 中 Button 控件 ， 添 加 如 下 所 示 的 后 台 代码 。 


protected void InsertButton Click(object sender, EventArgs e) 


Š 
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ListBoxl 


Items Add(TextBox1. Text); 


TextBox1.Text = String Empty: 


} 


protected void Cancelbutton Click(object sender, EventArgs e) 


í 


TextBox1.Text = String.Empty; 


) 


(5) 按 Ctrl +-F5 组 合 键 运行 ， 程 序 运行 效果 如 图 9-5 所 示 。 


XO SO FEV KAW IAW 帮助 人 0 


G=- @ - |à |@ @ == ga @ 


> 


地 址 四) [Æ http://1ocalhost:1490/UpdatePanelExanr v| EJ RA iie > 


- UpdatePanel? 


8531 


em EA 


2008-7-13 14:50:58 


Jejai l], ma 


E 本 地 Intranet 


图 9-5 Defaultaspx 的 运行 效果 


消 】 按 钮 只 会 更 新 UpdatePanel2。 


Ff【 新 增 】 按 钮 同时 更 新 UpdatePanell 和 UpdatePanel2， 而 单 击 【 取 


【 例 9-4】 说 明了 如 何在 一 个 页 面 中 使 用 多 个 UpdatePanel， 并 将 其 UpdateMode 设置 为 
Conditional 以 及 利用 Triggers 避免 异步 更 新 时 多 个 UpdatePanel 同时 更 新 的 情况 。 


935 在 内 容 页 中 使 


由 于 网 页 发 送 到 客户 端 时 ， 母 版 页 和 内 容 页 的 内 容 是 合并 在 一 起 的 ， 并 且 网 页 只 能 有 一 


用 UpdatePanel 


个 ScriptManager 控件 ， 因 此 只 需要 在 母 版 页 中 放置 ScriptManager 控件 ， 内 容 页 就 可 以 使 用 


UpdatePanel 了 。 
1. 在 内 容 页 中 使 用 


UpdatePanel 


下 面 通过 具体 示例 介绍 在 内 容 页 中 使 用 UpdatePanel 的 方法 。 
【 例 9-5】 在 内 容 页 中 使 用 UpdatePanel 的 示例 。 
(1) 创建 名 称 为 UpdatePanelExample4 的 网 站 。 
(2) 在 【解决 方案 资源 管理 器 】 中 ， 添 加 一 个 名 为 MasterPage master 的 母 版 页 。 
(3) 在 工具 箱 的 AJAX Extensions 标签 下 双击 ScriptManager 控件 , 将 ScriptManager 控件 
添加 到 母 版 页 中 ， 确 保 ScriptManager 控件 添加 在 ContentPlaceHolder 控件 之 外 ， 如 图 9-6 


所 示 。 
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MasterPage. master# $ 


— Scriptlanagerl 


Scrinptlanazer 一 
ContentPlaceHolderl| 


= 


FHES Q HE sso SET £ 


[2 Wi ] 口 拆 分 | 加 源 


图 9-6 ”MasterPage.master 母 版 页 设计 视图 


(4) 以 MasterPage master 为 母 版 ， 创 建 一 个 名 为 ContentPage.aspx 的 内 容 页 。 
(5) 在 ContentPage.aspx 页 面 中 添加 1 个 UpdatePanel 控件 ， 并 在 UpdatePanel 控件 中 放 
置 1 个 Calendar 控件 。 如 图 9-7 所 示 。 


A 25p:UpdatePanel=UpdatePane] me 
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| 
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| 
| 
| 
| 
| 
| 
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ia 


Bkit | 口 拆 分 | 回 源 4 CContentTemplate> [<asp:Calendar#Calendar1)] > 


图 9-7 ContentPage.aspx 内 容 页 设计 视图 


(6) 按 Cdl 十 F5 组 合 键 运行 ， 当 单 击 Calendar 控件 中 的 链接 时 ， 页 面 进行 局 部 刷新 。 
2. 从 母 版 页 更 新 内 容 页 的 UpdatePanel 


下 面具 体 通过 示例 介绍 如 何 从 母 版 页 更 新 内 容 页 的 UpdatePanel. 
【 例 9-6】 在 母 版 页 中 更 新 内 容 页 的 UpdatePanel 的 示例 。 
(1) 创建 名 称 为 UpdatePanelExample5 的 网 站 。 
(2) 在 【解决 方案 资源 管理 器 】 中 ， 添 加 一 个 名 为 MasterPage master 的 母 版 页 。 
(3) 将 母 版 页 HTML 代码 改写 为 如 下 内 容 : 


<body> 
<form id="forml1" runat="server"> 
<div> 
<asp:ScriptManager ID="ScriptManagerl" runat="server" /> 
<asp:Button ID="IncrementButton" runat="server" Text=" 后 一 天 " 
onclick="IncrementButton Click"/> 
<asp:Button ID="DecrementButton" runat="server" Text=" 前 一 天 " 
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onclick="DecrementButton Click" /> 
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 
</asp:ContentPlaceHolder> 
</div> 
</form> 


</body> 


(4) 以 MasterPage master 为 母 版 ， 创 建 一 个 名 为 ContentPage.aspx 的 内 容 页 。 
(5) 将 内 容 页 HTML 代码 改写 为 如 下 内 容 : 


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Calendar ID="Calendar1" runat="server"></asp:Calendar> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControlID="IncrementButton" /> 
<asp:AsyncPostBackTrigger ControlID="DecrementButton" /> 
</Triggers> 
</asp:UpdatePanel> 
</asp:Content> 


(6) 将 MasterPage.master 后 台 代码 改写 为 如 下 内 容 : 


protected void IncrementButton_Click(object sender, EventArgs e) 
t 
// 找 到 内 容 页 中 的 Calendarl 对 象 
Calendar cal = ((Calendar)ContentPlaceHolder1.FindControl("Calendar1")); 
/将 Calendar1 对 象 日 期 增加 一 天 
cal.SelectedDate = cal.SelectedDate.AddDays(1) ; 
} 
protected void DecrementButton Click(object sender, EventArgs e) 
{ 
// 找 到 内 容 页 中 的 Calendar] 对 象 
Calendar cal = ((Calendar)ContentPlaceHolderl.FindControl("Calendar1")): 
/将 Calendarl 对 象 日 期 减少 一 天 
cal.SelectedDate = cal.SelectedDate.AddDays(-1) ; 
} 


(7) 将 ContentPage.aspx 后 台 代 码 改 写 为 如 下 内 容 : 


protected void Page Load(object sender, EventArgs e) 


{ 
/首次 加 载 初始 化 Calendarl 对 象 
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if (!IsPostBack) 
Calendar1.SelectedDate = DateTime.Today; 
} 


(8) 按 Cal 十 F5 键 运行 ， 此 时 ， 单 击 母 版 页 中 的 【前 一 天 】 和 【后 一 天 】 按 钮 ， 触 发 了 
内 容 页 中 UpdatePanel 控件 的 局 部 刷新 ， 程 序 运行 效果 如 图 9-8 所 示 。 


下 无 标题 页 - microsoft Internet Explorer DE 
XED RED SEV BAW IAD EMY 


© © hag pAr ka o 
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= 


图 9-8 ContentPage 运行 效果 


9.3.6 UpdatePanel 异步 更 新 中 的 错误 处 理 


当 发 生 UpdatePanel 控件 异步 更 新 错误 时 ， 默 认 情 况 下 会 弹出 一 个 错误 对 话 框 。 如 果 设 
计 者 觉得 不 符合 用 户 习 惯 ， 可 以 通过 ScriptManager 控件 的 OnAsyncPostBackError 事件 和 
AsyncPostBackErrorMessage 属性 捕捉 和 设置 回 传 时 的 错误 消息 。 
【 例 9-7】 将 异步 更 新 中 的 错误 消息 发 送 给 客户 端 。 
(1) 创建 名 称 为 UpdatePanelExample6 的 网 站 。 
(2) 在 Defaultaspx 的 【设计 】 视 图 中 , 放置 一 个 ScriptManager 和 一 个 UpdatePanel 控件 。 
(3) 该 页 面 设计 如 图 9-9 所 示 。 
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+ =Label 
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图 9-9 ”Defaultaspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 代码 如 下 : 
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<asp:ScriptManagerID="ScriptManagerl" runat="server" 
onasyncpostbackerror="ScriptManager1_AsyncPostBackError"> 
</asp:ScriptManager> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:TextBox ID="TextBox1" runat="server" Width="80px"></asp:TextBox> 
<asp:Label ID="Label1" runat="server" Text="+" ></asp:Label> 
<asp:TextBox ID="TextBox2" runat="server" Width="80px"></asp:TextBox> 
<asp:Label ID="Label2" runat="server" Text="="></asp:Label> 
<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label> <br /> <br /> 
<asp:Button ID="Button1" runat="server" Text=" 计 算 " onclick="Button1_Click" /> 
</ContentTemplate> 
</asp:UpdatePanel> 


(4) 添加 后 台 代 码 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 


{ 
ty 
t 
Double a = Convert. ToDouble(TextBox1.Text); 
Double b = Convert. ToDouble(TextBox2.Text); 
Double res =a * b; 
Label3.Text = res. ToString("f2"); 
š 
catch (Exception ex) 
{ 
if (TextBox1.Text.Length >= 0 && TextBox2.Text.Length >= 0) 
{ 
ex.Data["ExtraInfo"] = "这 两 个 数 无 法 相 乘 "; 
) 
throw ex; 
} 
} 


protected void ScriptManagerl AsyncPostBackError(object sender, AsyncPostBackErrorEventArgs e) 
{ 
if (e.Exception.Data["ExtraInfo"] != null) 
{ 
ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Data["ExtraInfo"].ToString():; 


ScriptManager1.AsyncPostBackErrorMessage = e.Exception.Message; 
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} 
(5) 按 Cel 十 F5 键 运行 ， 当 相 乘 的 两 个 数 中 有 非法 数字 时 ， 弹 出 自 定义 错误 信息 的 对 
话 框 。 
如 果 按 FS 键 调试 运行 ， 调 试 器 会 首先 捕捉 到 异常 ， 从 而 中 断代 码 的 执行 ， 所 以 要 求 程 
序 在 不 调试 的 情况 下 运行 。 


94 UpdateProgress 控件 


UpdateProgress 控件 一 般 与 UpdatePanel 控件 联合 使 用 , 即 在 UpdatePanel 异步 更 新 过 程 
中 ， 显 示 提 示 信 息 。 这 些 信息 可 以 是 一 段 文字 、 进 度 条 或 各 种 动画 。 当 异步 更 新 完成 时 ， 提 
示 信 息 自动 消失 。 
9.4.1 UpdateProgress 控件 属性 
UpdateProgress 控件 常用 属性 如 表 9-3 所 示 。 
表 9-3 UpdateProgress 控件 常用 属性 


属 性 H M 
AssociateUpdatePanelID | ”设置 哪个 UpdatePanel 控件 产生 的 回 送 会 显示 UpdateProgress 的 内 容 。 
DisplayAfter 当 引 发 回 送 后 多 少 毫秒 会 显示 UpdateProgress 控件 的 内 容 。 
DynamicLayout 设置 UpdateProgress 控件 的 显示 方式 。true-- 当 UpdateProgress 控件 不 显示 的 


时 候 不 占用 空间 (默认 )。false-- 当 UpdateProgress 控件 不 显示 的 时 候 仍然 占用 
空间 。 


如 果 没 有 设 定 UpdateProgress 控件 的 AssociateUpdatePanelID 属性 , 则 任何 一 个 异步 更 新 
都 会 使 UpdateProgress 控件 显示 出 来 。 相 反 ， 如 果 将 UpdateProgress 控件 的 
AssociateUpdatePanelID 属性 设 为 某 个 UpdatePanel 控件 的 ID， 那 只 有 该 UpdatePanel 控件 引 
发 的 异步 更 新 才 会 使 相关 联 的 UpdateProgress 控件 显示 出 来 。 


9.4.2 使 用 UpdateProgress 控件 的 方法 


在 下 面 的 【 例 9-8】 中 页 面 上 有 一 个 UpdatePanel 控件 和 一 个 UpdateProgress 控件 ， 当 
UpdatePanel 控件 异步 更 新 时 ， 显 示 UpdateProgress 控件 的 提示 内 容 。 
【 例 9-8】 使 用 UpdateProgress 控件 示例 。 
(1) 创建 名 称 为 UpdateProgressExamplel 的 网 站 。 
(2) 在 Defaultaspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 一 个 UpdatePanel 和 一 
个 UpdateProgress 控件 。 


第 9 章 ASPNETAJAX 。229 。 


(8) 在 UpdatePanel 中 ， 添 加 一 个 Label 控件 和 一 个 Button 控件 。 
(4) 在 UpdateProgress 中 ， 添 加 “正在 更 新 …” 文 字 和 进度 条 图 像 。 
(5) 该 页 面 设 计 如 图 9-10 所 示 。 


Scriptlanager - ScriptManagerl 
Fa — 
| Button 


图 9-10 ”Default.aspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <br/> 
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1 Click" /> 
<br/> 
</ContentTemplate> 
</asp:UpdatePanel> <br/> <br > 
<asp:UpdateProgress ID="UpdateProgress1" runat="server"> 
<ProgressTemplate> 
正在 更 新 …… <br > 
<asp:Image ID="Image1" runat="server" ImageUrl="strip.gif" Width="180px" /><br /> 
</ProgressTemplate> 
</asp:UpdateProgress> 


(6) 添加 后 台 代码 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
£ 

/延迟 3 秒 

System.Threading.Thread.Sleep(3000): 

Labell.Text = DateTime.Now.ToString(): 


7 
(T) 按 Ctrl+F5 键 运行 ， 观 察 程序 效果 。 
94.3 使 用 多 个 UpdateProgress 控件 的 方法 
下 面 的 【 例 9-9】， 演 示 了 页 面 上 使 用 多 个 UpdateProgress 控件 的 方法 ， 该 示例 的 页 面 上 
放置 两 个 UpdatePanel 和 两 个 UpdateProgress 控件 ， 将 UpdateProgressl 控件 的 


AssociateUpdatePanelID 属性 设 为 UpdatePanell 控件 的 ID UpdateProgress2 控件 的 
AssociateUpdatePanelID 属性 设 为 UpdatePanel2 控件 的 ID， 当 UpdatePanell 异步 更 新 时 ， 
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UpdateProgressl 显示 ， 而 当 UpdatePanel 异步 更 新 时 ， 显 示 UpdateProgress2 的 提示 信息 。 
【 例 9-9】 使 用 多 个 UpdateProgress 控件 。 
(1) 创建 名 称 为 UpdateProgressExample2 的 网 站 。 
(2) 在 Defaultaspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 两 个 UpdatePanel 和 两 
个 UpdateProgress 控件 。 
(8) 在 UpdatePanel 控件 和 UpdateProgress 控件 中 ， 添 加 与 【 例 9-8】 一 样 的 控件 。 
(4) 该 页 面 设计 如 图 9-11 所 示 。 


Default aspx cs Defanlt. aspz# té "x 
al 
Seriptlanager - Scriptllanagerl 


Label 


正在 更 新 UpdatePanel2 is 
E: 


k 


okt | 口 拆 分 | 回 源 <+ oay> Cforn#forml> [<div>] , 


图 9-11 Defaultaspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<asp:UpdatePanel ID="UpdatePanell" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID='"Labell" runat="server" Text="Label"></asp:Label> <br/> 
<asp:Button ID="Button1" runat="server" Text="Button1" onclick="Button1_Click" /><br > 
</ContentTemplate> 
</asp:UpdatePanel> <br/> 
<asp:UpdateProgress ID="UpdateProgress1" runat="server" 
AssociatedUpdatePanelID="UpdatePanell"> 
<ProgressTemplate> 
正在 更 新 UpdatePanell……<br /> 
<asp:Image ID="Image1" runat="server" ImageUrl="strip.gif" Width="180px" /><br /> 
</ProgressTemplate> 
</asp:UpdateProgress> <br/> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> <br/> 
<asp:Button ID="Button2" runat="server" Text="Button2" onclick="Button2 Click" /> <br 
> 
</ContentTemplate> 
</asp:UpdatePanel> <br/> 


第 9 章 ASPNETAJAX 。231 。 


<asp:UpdateProgress ID= "UpdateProgress2" runat="server" 
AssociatedUpdatePanelID="UpdatePanel2"> 
<ProgressTemplate> 
正在 更 新 UpdatePanel2……<br 亡 
<asp:Image ID="Image2" runat="server" ImageUrl="strip.gif" Width="180px" /><br > 
</ProgressTemplate> 
</asp:UpdateProgress> 


(5) 添加 后 台 代码 如 下 : 


protected void Button1_ Click(object sender, EventArgs e) 


{ 
System. Threading. Thread. Sleep(3000); 
Labell.Text = DateTime.Now.ToString(); 
) 
protected void Button2 Click(object sender, EventArgs e) 
{ 
System. Threading. Thread. Sleep(3000); 
Label2.Text = DateTime. Now. ToString0); 
H 


(6) 按 Ctl 十 F5 键 运行 ， 观 察 异步 更 新 时 UpdateProgress 控件 的 显示 效果 。 
虽然 一 个 页 面 允 许 有 多 个 UpdateProgress 控件 ， 但 是 在 实际 中 ， 一 般 在 一 个 页 面 中 应 该 
只 放置 一 个 UpdateProgress。 


9.5 Timer 控件 


Timer 控件 是 ASP.NET AJAX 中 又 一 个 重要 的 服务 器 控件 。 通 过 它 可 以 完成 局 部 页 面 的 
定时 更 新 ， 从 而 实现 局 部 页 面 定时 刷新 、 图 片 自动 播放 、 超 时 自动 退出 等 功能 。 


9.5.1 Timer 控件 属性 和 事件 
Timer 控件 常用 属性 和 事件 如 表 9-4 所 示 。 
表 9-4 Timer 控件 常用 属性 和 事件 


属性 和 事件 说 H 
Interval 属性 用 于 指定 间隔 时 间 
Tick 事件 | 指定 间隔 到 期 后 触发 
Enabled 属性 用 于 表示 是 否 允许 tick 事件 


Interval 属性 用 来 决定 每 隔 多 长 时 间 要 引发 回 传 ， 其 设置 值 的 单位 是 毫秒 ， 默 认 值 则 是 
60000 毫秒 ， 也 就 是 60 秒 。 需 要 注意 的 是 ， 将 Timer 控件 的 Interval 属性 设置 成 较 小 的 值 会 
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使 得 回 送 频率 增加 ,也 很 容易 使 得 Web 服务 器 的 流量 大 增 , 对 整体 资源 耗 用 与 效率 都 会 造成 
不 良 的 影响 。 因 此 尽量 在 确实 需要 的 时 候 使 用 Timer 控件 来 定时 更 新 页 面 上 的 内 容 。 

每 当 Timer 控件 的 Interval 属性 所 设置 的 间隔 时 间 到 达 而 进行 回 传 时 ， 就 会 在 服务 器 上 
B| Tick 事件 ， 执 行 定时 操作 。 

另外 一 个 常用 的 属性 就 是 Enabled， 用 户 可 以 将 Enabled 属性 设置 成 false 以 便 让 Timer 
控件 停止 计时 ， 而 当 需 要 让 Timer 控件 再 次 开始 计时 的 时 候 ， 只 需 再 将 Enabled 属性 设置 成 
True 即 可 。 

Timer 控件 在 UpdatePanel 控件 的 内 外 是 有 区 别 的 。 当 Timer 控件 在 UpdatePanel 控件 内 
部 时 ，JavaScript 计时 组 件 只 有 在 一 次 回 传 完成 后 才 会 重新 建立 。 也 就 是 说 直到 网 页 回 传 完成 
之 前 ,定时 器 间隔 时 间 不 会 从 头 计算 。 例 如 ,用 户 设置 Timer 控 件 的 nterval 属性 值 为 3000ms(3 
秒 ), 但 是 回 传 操作 本 身 却 花 了 2 秒 才 完 成 ， 则 下 一 次 的 回 传 将 发 生 在 前 一 次 回 传 被 引发 之 后 
的 5 秒 。 而 如 果 Timer 控件 位 于 UpdatePanel 控件 之 外 ， 则 当 回 传 正在 处 理 时 ， 下 一 次 回 传 
将 发 在 前 一 次 回 传 被 引发 之 后 的 3 秒 。 也 就 是 说 , UpdatePanel 控件 的 内 容 被 更 新 之 后 的 1 秒 ， 
就 会 再 次 看 到 该 控件 被 更 新 。 


9.5.2 ”使 用 Timer 控件 定时 更 新 UpdatePanel 


下 面 介绍 一 个 在 UpdatePanel 内 部 使 用 Timer 控件 的 简单 示例 ， 该 示例 实现 图 片 的 自动 
刷新 。 
【 例 9-10】 在 UpdatePanel 内 部 使 用 Timer 控件 。 
(1) 创建 名 称 为 TimerExamplel 的 网 站 。 
(2) 在 Defaultaspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 一 个 UpdatePanel. 
(3) {E UpdatePanel 控件 中 ， 添 加 一 个 Timer 控件 和 一 个 Image 控件 。 
(4) 该 页 面 设计 如 图 9-12 所 示 。 


i = i agerl 
[asp:UpdatePanel#UpdatePaneli]  、. 


Timer 一 Timerl 


图 9-12 Defaultaspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
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<asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
<ContentTemplate> 
<asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick"> 
</asp:Timer> 
<asp:Image ID="Image1" runat="server" ImageUrl="~/image/1.jpg"/> 
</ContentTemplate> 
</asp:UpdatePanel> 


(5) 添加 后 台 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 


{ 
if (Page.IsPostBack = false) 
{ 
/设置 网 页 上 的 变量 
ViewState["number"] = 1: 
) 
} 


protected void Timerl_Tick(object sender, EventArgs e) 
{ 
ViewState["number"] = (int)ViewState["number"] % 9 + 1; 
Image1.ImageUrl = string.Format("~/image/ {0} .jpg", ViewState["number"]); 
; 


(6) 按 Ctrl +-F5 键 运行 ， 可 以 看 到 每 间隔 1 秒 局 部 刷新 一 幅 图 片 。 
9.5.3 ”使 用 Timer 控件 定时 更 新 多 个 UpdatePanel 


在 下 面 的 【 例 9-11】 中 ，Timer 控件 定时 更 新 2 个 UpdatePanel 控件 ，Timer 控件 被 放 在 

UpdatePanel 控件 的 外 面 ， 并 将 它 配 置 为 UpdatePanel 的 触发 器 。 
【 例 9-11】 使 用 Timer 控件 定时 更 新 多 个 UpdatePanel 示例 。 

(1) 创建 名 称 为 TimerExample2 的 网 站 。 

(2) 在 Default.aspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 两 个 UpdatePanel。 

(3) 在 所 有 UpdatePanel 控件 之 外 ， 添 加 一 个 Timer 控件 ， 并 设置 它 为 UpdatePanel 的 异 
步 触发 器 。 

(4) 该 页 面 设计 如 图 9-13 所 示 。 


Script 有 anager - Scriptllanagerl 


图 9-13 ”Defaultaspx 的 设计 页 面 
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对 应 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:Timer ID="Timer1" runat="server" Interval="2000" ontick="Timer1_Tick"> 
</asp:Timer> 
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControllD="Timer1" /> 
</Triggers> 
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> 
<ContentTemplate> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label> 
</ContentTemplate> 
<Triggers> 
<asp:AsyncPostBackTrigger ControllD="Timer1" /> 
</Triggers> 
</asp:UpdatePanel> 


(5) 添加 后 台 代码 如 下 : 


protected void Timerl_Tick(object sender, EventArgs e) 


{ 
Labell.Text = "UpdatePanell 更 新 于 : "+ DateTime.Now.ToLongTimeString(); 
Label2.Text = "UpdatePanel2 更 新 于 : "+ DateTime.Now.ToLongTimeString(); 


} 
(6) 按 Ctl 十 FS 键 运行 ， 可 以 看 到 每 间隔 2 秒 同 时 刷新 两 个 UpdatePanel。 


9.6 ASP.NET AJAX Control Extenders 扩展 控件 


ASP.NET AJAX Control Extenders 是 一 些 派 生 自 System .Web .ULExtenderControl 基 类 的 
控件 ， 通 常 后 缀 为 Extender， 扩 展 控件 必须 和 被 其 控制 的 控件 组 合 才能 发 挥 作用 。 

利用 扩展 控件 可 以 为 页 面 中 已 存在 的 控件 添加 其 他 功能 (一 般 都 是 AJAX 或 者 JavaScript 
支持 )。 它 们 使 得 开发 者 可 以 优美 地 封装 控件 行为 ， 并 且 它 们 使 得 为 应 用 程序 添加 更 丰富 的 功 
能 变 得 非常 简单 。 
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如 图 9-14 所 示 ， 利 用 CalendarExtender 日 期 扩展 控件 ， 使 得 TextBox 控件 录入 日 期 更 加 
方便 、 直 观 ， 而 且 增 加 了 AJAX 功能 。 


HiQ) a http://localhost: 1355/CalendarExtender/Default, a Y Ba We” 


请 输入 日 期 ， 


图 9-14 TextBox 和 CalendarExtender 组 合 


TextBox 和 CalendarExtender 组 合 的 代码 如 下 : 


<asp:TextBox ID="TextBox1" runat="server"></asp: TextBox> 
<cc1:CalendarExtender ID="TextBoxl CalendarExtender" runat="server" 
Enabled="True" TargetControllD="TextBox1"> 
</cc1:CalendarExtender> 


其 中 将 CalendarExtender 控件 的 TargetControllD 属性 指向 TextBox 控件 的 ID。 
9.6.1 如 何 使 用 ASPNET AJAX Control Extenders 


ASPNET AJAX Control Toolkit 是 一 个 非常 好 的 扩展 控件 工具 包 ， 是 由 Microsoft 公司 和 
其 他 开发 人 员 共 同 开发 的 ， 它 包括 四 十 多 个 免费 的 扩展 控件 ， 而 且 一 直 都 在 增加 ， 可 以 轻松 
地 被 下 载 并 添加 到 VWD 2008 的 工具 箱 。 

1. 添加 扩展 控件 到 VWD 2008 的 工具 箱 


在 VWD 2008 工具 箱 中 ， 添 加 扩展 控件 的 步骤 如 下 : 

(1) 从 Microsoft 公司 网 站 上 ， 下 载 ASPNET AJAX Control ToolkitFor NET3.5 工具 包 。 

(2) 将 该 工具 包 解 压缩 。 

(3) 在 VWD 2008 工具 箱 中 ， 新 建 一 个 名 为 AJAX Control Toolkit 的 选项 卡 。 

(4) 在 解压 后 的 工具 包 中 找到 AJAXControlToolkit.dll 文件 , 将 其 拖 放 到 VWD 2008 工具 
箱 的 AJAX Control Toolkit 选项 卡 中 。 

这 样 ， 扩 展 控件 就 会 出 现在 VWD 2008 的 工具 箱 中 ， 如 图 9-15 所 示 。 
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< Control Toolkit > 

k 指针 

E Accordion 

E Accordi onPane 

Ë waysyisibleCentrelExtendsz 

Sè Animati nder 
AatoConpleteExtender 

= CalendarExtender 

F CascadingDropDorn 


F= CollapsiblePanelExtender 
D) ConfiraButtonExtender 
P DragPanelExtender 


图 9-15 VWD 2008 的 工具 箱 


2. 绑 定 扩展 控件 到 某 个 已 存在 的 控件 


扩展 控件 被 添加 到 VWD 2008 工具 箱 后 ， 再 选择 控件 时 ， 会 发 现 一 个 新 的 【添加 扩展 程 
序 】 任 务 选 项 出 现在 被 选择 的 控件 上 ， 如 图 9-16 所 示 。 

如 果 单 击 【添加 扩展 程序 】 任 务 选项 ， 将 会 弹出 如 图 9-17 所 示 的 对 话 框 ， 它 包含 了 所 有 
可 以 选择 的 扩展 控件 ， 确 定 后 就 完成 了 扩展 控件 的 绑 定 。 


Default. aspx 起 如 页 | 


Scriptlanager 


===; 
请 输入 日 期 : 5 


$ HE ss3 SEIT 


图 9-16 添加 扩展 控件 


扩展 程序 向 导 


本 请 选择 扩展 程序 


请 选择 要 王 加 到 TertBor! MHR: 


=) = J 


DropDown .. DropShad .. DynsmicP... Filtered.. Hovi 


> 


[Tetori Cal endarzetender 


图 9-17 选择 扩展 控件 对 话 框 
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3. 合并 属性 窗 格 


在 VWD 2008 中 ， 当 将 一 个 扩展 控件 绑 定 到 一 个 控件 后 ， 该 控件 的 属性 窗 格 也 会 扩展 显 
示 扩 展 控 件 的 属性 。 如 图 9-18 所 示 。 
Rtt Ex 
TexztBozl System. Feb. UI. FebControls. Te > 


True 


(Expressions) 


图 9-18 扩展 显示 属性 窗 格 


4. 删除 绑 定 的 扩展 控件 


如 果 想 删除 某 个 控件 的 扩展 控件 ， 只 需要 从 控件 的 任务 选项 中 选择 “删除 扩展 程序 ” 选 
项 ， 如 图 9-19 所 示 。 


Default. aspx 起 始 页 


Seriptlanager - 


= Serintlanazerl | 

asp:TextBoxsTextBox 
A 
请 输入 日 期 ° Š ENG MEEFE 
> Ses 


图 9-19 删除 扩展 控件 


962 使 用 FilteredTextBoxExtender 控件 防止 输入 非法 字符 


FilteredTextBoxExtender 扩展 控件 是 用 来 对 文本 框 进行 过 滤 的 ， 让 文本 框 只 能 对 设 定 的 
值 进行 输入 。 输 入 类 型 有 Numbers( 数 字 )，LowercaseLetters( 小 写字 母 )，UppercaseLetters (大 
写字 母 ) 和 Custom( 自 定义 字符 串 )。FilteredTextBoxExtender 扩展 控件 的 常用 属性 如 表 9-5 
所 示 。 


表 9-5 FilteredTextBoxExtender 常用 属性 


R 性 说 BB 
TargetControlID 要 进行 过 滤 的 目标 TextBox 的 人 D 
FilterType 字符 过 滤 类 型 ， 提 供 的 有 如 下 4 种 : Numbers, LowercaseLetters , 
UppercaseLetters，Custom。 它们 之 间 可 以 同时 指定 多 个 类 型 ， 如 : 
FilterType="Custom, Numbers" 
ValidChars 当 FilterType 为 Custom 时 允许 输入 的 字符 ， 否 则 将 被 忽略 ， 如 : 
ValidChars="+—=/*0)." 
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下 面 通过 具体 示例 演示 FilteredTextBoxExtender 扩展 控件 的 用 法 。 
【 例 9-12】 演示 FilteredTextBoxExtender 扩展 控件 的 用 法 。 

(1) 创建 名 称 为 FilteredTextBoxExtender 的 网 站 。 

(2) 在 Defaultaspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager、 一 个 TextBox 和 一 个 
Label。 

(3) 单 击 TextBox 控件 的 【添加 扩展 程序 】 任 务 选项 , 绑 定 FilteredTextBoxExtender 扩展 
控件 。 

(4) 该 页 面 设计 如 图 9-20 所 示 。 


只 能 输入 大 写字 母 和 数字 ， 


图 9-20 ”Defaultaspx 的 设计 页 面 


对 应 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<%(@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %> 


<asp:ScriptManager ID="Script Managerl" runat="server"> 
</asp:ScriptManager> 
<asp:Label ID="Labell" runat="server" Text=" 只 能 输入 大 写字 母 和 数字 : "></asp:Label> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<cc1:FilteredTextBoxExtender ID="TextBox1_FilteredTextBoxExtender" 

runat="server" Enabled="True" FilterType="Numbers,UppercaseLetters" TargetControllD="TextBox1"> 
</cc1:FilteredTextBoxExtender> 


(5) 按 Ctrl+F5 键 运行 ， 可 以 看 到 TextBox 控件 只 允许 输入 大 写字 母 和 数字 。 

由 于 使 用 文本 框 过 滤 是 在 客户 端 进行 的 ， 所 以 使 用 FilteredTextBoxExtender 扩展 控件 的 
网 页 中 必须 包含 ScriptManager 控件 。 
96.3 使 用 SlideShowExtender 控件 播放 幻灯 片 


SlideShowExtender 扩展 控件 用 于 控制 Image 控件 , 它 可 以 很 方便 地 实现 自动 和 手动 播放 
图 片 功能 。 由 于 播放 图 片 是 在 客户 端 进行 的 ,所 以 使 用 SlideShowExtender 扩展 控件 的 网 页 中 
必须 包含 ScriptManager 控件 。 

SlideShowExtender 扩展 控件 的 常用 属性 如 表 9-6 所 示 。 
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表 9-6 SlideShowExtender 常用 属性 


E 性 Ho M 
TargetControlID 该 控件 的 目标 扩展 控件 
ImageDescriptionLabelID 对 显示 的 图 片 进行 说 明 的 Label 控件 
Loop 是 否 为 图 片 进行 循环 放映 
NextButtonID 控制 显示 下 一 张 图 片 的 按钮 
PlayButtonID 控制 进行 播放 或 停止 的 按钮 
PlayButtonText 当 Image 中 的 图 片 在 放映 时 ，PlayButtonID 按钮 显示 的 文本 
PreviousButtonID 控制 显示 前 一 张 图 片 的 按钮 
StopButtonText 当 Image 中 的 图 片 停止 放映 时 ，PlayButtonID 按钮 显示 的 文本 
PlayInterval 播放 每 幅 图 片 的 间隔 ， 单 位 毫秒 ， 默 认 3000 毫秒 (G3 #b) 
SlideShowServiceMethod 进行 幻灯 片 式 放映 时 加 载 图 片 的 方法 


下 面 通过 具体 示例 演示 SlideShowExtender 扩展 控件 的 用 法 。 
【 例 9-13】 演 示 SlideShowExtender 扩展 控件 的 用 法 。 
(1) 创建 名 称 为 SlideShowExtender 的 网 站 。 
(2) 在 Defaultaspx 的 【设计 】 视 图 中 ,放置 一 个 ScriptManager、 一 个 Image、 一 个 Label 
和 3 个 Button 控件 。Image 控件 用 于 显示 图 片 ， Label 控件 用 于 显示 图 片 说 明 ，Button 控件 用 


于 控制 图 片 显示 。 


(3) 单 击 Image 控件 的 【添加 扩展 程序 】 任 务 选 项 ， 绑 定 SlideShowExtender 扩展 控件 。 
(4) 该 页 面 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %> 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:Image ID="Image1" runat="server" 


Height="300" 

Style="border: 1px solid black;width:auto" 
ImageUrl="~/images/Blue hills.jpg" 
AlternateText="Blue Hills image" /> 


<asp:Label runat="server" ID="imageDescription" ></asp:Label><br ><br > 
<asp:Button runat="Server" ID="prevButton" Tex 人 "前 一 个 " /> 
<asp:Button runat="Server" ID="playButton" Text=" 开 始 "” /> 

<asp:Button runat="Server" ID="nextButton" Text=" 后 一 个 ” /> 


<ccl:SlhideShowExtender ID="slideshowextend1" runat="server" 
TargetControllD="Image1" 
SlideShowServiceMethod="GetSlides" 
AutoPlay="true" 
ImageDescriptionLabelID="imageDescription" 
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NextButtonID="nextButton" 
PlayButtonText=" 开 始 " 
StopButtonText=" 停 止 " 
PreviousButtonID="prevButton" 
PlayButtonID="playButton" 
Loop="true" PlayInterval="2000"> 
</ec1:SlideShowExtender> 


(5) 添加 后 台 代码 如 下 : 


[System Web.Services. WebMethod] 
[System Web.Script.Services.ScriptMethod] 
public static AjaxControlToolkit.Slide[] GetSlides0 
{ 
return new AjaxControlToolkit.Slide[] í 
new AjaxControlToolkit.Slide("images/Blue hills jpg", "", "Go Blue"), 
new AjaxControlToolkit Slide("images/Sunsetjpg", "", "Setting sun"), 
new AjaxControlToolkit Slide("images/Winterjpg", "", "Wintery..."), 
new AjaxControlToolkit Slide("images/Water lilies jpg", "", "Lillies in the water"), 
new AjaxControlToolkit.Slide("images/VerticalPicture.jpg", "", "Portrait style icture")}; 
) 


GetSlides 方法 创建 了 一 个 AjaxControlToolkit Slide 类 型 的 数组 ， 该 数组 包含 了 所 有 要 播 
放 的 图 片 ，SlideShowExtender 控件 调用 GetSlides 方法 ， 得 到 这 些 图片 ， 并 将 其 在 Image 控 
件 中 依次 显示 出 来 。 

(6) 按 Ctl 十 F5 键 运行 ， 运 行 效果 如 图 9-21 所 示 。 


EE - microsoft Internet Explorer 
XPO SED EEV KRA IAW Hü 
2 Ə [9 [2 @ == ka O 2- S 


HEIE M) QË] http://1ecalhest:1307/SlideshovExtender/efelt aspx v ËD 2! 


Portrait style picture 


FEE 


图 9-21 【 例 9-13】 的 运行 效果 


第 9 章 ASPNETAJAX a 


9.6.4 使 用 AlwaysVisibleControlExtender 固定 位 置 显示 控件 


AlwaysVisibleControlExtender 扩展 控件 使 其 被 控制 的 控件 显示 在 页 面 的 固定 位 置 上 ， 常 
于 漂浮 在 网 页 两 边 ， 跟 随 着 滚动 条 滚动 的 悬浮 广告 等 。AlwaysVisibleControlExtender 是 一 
个 非常 简单 的 扩展 控件 ， 不 用 编码 只 需 简 单 的 设置 就 可 使 用 。 

AlwaysVisibleControlExtender 扩展 控件 的 常用 属性 如 表 9-7 所 示 。 


表 9-7 AlwaysVisibleControlExtender 常用 属性 


属 性 说 明 
TargetControlID 目标 控件 ID， 要 浮动 的 控件 
HorizontalOffset 距离 浏览 器 的 水 平 边 距 ， 默 认 值 Opx 
HorizontalSide 水 平 停靠 方向 ， 默 认 值 Left 
VerticalOffset 距离 浏览 器 的 垂直 边 距 ， 默 认 值 Opx 
VerticalSide 垂直 停靠 方向 ， 默 认 值 Top 
ScrollEffectDuration 滚动 效果 的 延迟 时 间 ， 单 位 为 秒 ， 默 认 值 0.1 


下 面 通 过 具体 示例 演示 AlwaysVisibleControlExtender 扩展 控件 的 用 法 。 
【 例 9-14】 演 示 AlwaysVisibleControlExtender 扩展 控件 的 用 法 。 

(1) 创建 名 称 为 AlwaysVisibleControlExtender 的 网 站 。 

(2) 在 Defaultaspx 的 【设计 】 视 图 中 ， 放 置 一 个 ScriptManager 和 一 个 Panel, E Panel 
中 添加 一 个 ImageButton 控件 。 

(3) 单 击 Panel 控件 的 【添加 扩展 程序 】 任 务 选项 ， 绑 定 AlwaysVisibleControlExtender 
扩展 控件 。 

(4) 该 页 面 【 源 】 视 图 中 的 部 分 代码 如 下 : 


<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %> 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
</asp:ScriptManager> 
<asp:Panel ID="Panel1" runat="server" Width="150px" height="120px" > 
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="—/1.jpg" /> 
</asp:Panel> 
<cc1:AlwaysVisibleControlExtender ID="avce" runat="server" 
TargetControllD="Panel1" 
VerticalOffset="10" 
HorizontalOffset="10" 
ScrollEffectDuration=".1" /> 


(5) 按 Cul +F5 键 运行 , 运行 效果 如 图 9-22 所 示 ， 上 下 移动 浏览 器 的 滚动 条 , 可 以 看 到 ， 
片 始终 保持 在 页 面 的 左上 角 位 置 上 。 


栅 


.242 。 


ASPNET 3.5 网 站 开发 实例 教程 


Xie) SED SEV KEW IAV ¥” 


G=- © BAW P= 


Hik D) (Æ) http://1ocalhost:2149/A1ways M| EJ PA üm > 


图 9-22 程序 运行 效果 


ASPNET AJAX Control Toolkit 是 一 个 免费 开源 的 工具 包 ， 包 含 了 新 的 Web 服务 器 控 
件 ， 随 着 控件 数量 的 逐渐 增加 ， 无 疑 会 给 Web 应 用 程序 开发 带 来 更 大 方便 。 


实验 9 ASP.NET AJAX 


1. 实验 目的 


进一步 熟悉 ASPNET AJAX 技术 ， 掌 握 ASPNET AJAX 服务 器 控件 和 扩展 控件 的 使 用 


方法 。 
2. 实验 内 容 和 要 求 


(1) 新 建 名 字 为 AJAX_ Exercise 的 网 站 。 
(2) 在 网 站 中 建立 名 为 Images 的 文件 夹 ， 并 在 文件 夹 中 添加 几 张 图 片 。 


(3) JI 
(4) 添 力 


一 个 网 页 ， 当 单 击 Button 控件 时 ， 局 部 更 新 Image 控件 中 的 图 片 。 
一 个 网 页 ， 当 单 击 Button 控件 时 ， 局 部 更 新 Image 控件 中 的 图 片 ， 同 时 利用 


UpdateProgress 控件 提示 更 新 信息 。 


(5) J 


一 个 网 页 ， 定 时 局 部 更 新 Image 控件 中 的 图 片 。 


(6) 建立 母 版 页 和 内 容 页 ， 要 求 在 内 容 页 中 每 2 秒 钟 局 部 更 新 Label 控件 的 当前 时 间 。 


(7) ë) 


z 


11 


(8) 添 力 
(9) 添 力 


一 个 网 页 ， 在 两 个 UpdatePanel 控件 中 分 别 放置 一 个 显示 时 间 的 Label 控件 ， 当 


击 UpdatePanel 外 面 的 Button 控件 时 ， 只 有 其 中 一 个 UpdatePanel 控件 局 部 刷新 。 


一 个 网 页 ， 使 用 SlideShowExtender 扩展 控件 ， 自 动 播放 Image 控件 中 的 图 片 。 
一 个 网 页 ， 只 允许 文本 编辑 柜 输 入 小 写字 母 。 


(10) 添加 一 个 网 页 ， 在 网 页 的 两 边 悬 浮 固定 位 置 的 广告 。 
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伴随 着 计算 机 软 硬 件 技术 和 Intemet 的 快速 发 展 ， 人 们 的 学 习 、 工 作 、 科 研 、 娱 乐 越 来 
越 依赖 网 络 资源 ， 在 应 用 程序 中 如 何 更 好 地 整合 和 充分 、 快 捷 、 有 效 地 利用 Intemet 上 的 海 
量 计算 能 力 和 海量 存储 信息 ， 实 现在 因特网 上 建立 广泛 交互 服务 的 “五 个 任何 ”( 任 何人 , 任 
何 地 方 ， 任 何 时 间 ， 任何 设备 ， 任 何 手段 ) 互 联 梦 想 ， 使 mtemet 成 为 一 个 透明 的 超级 计算 机 。 
这 个 迷人 的 梦想 的 实现 者 就 是 以 XML(eXtensible Markup Language) 或 JSON(JavaScript Object 
Notation) 为 基础 的 数据 交换 格式 、 支 持 AJAX(Asynchronous JavaScript and XML) 的 Web 
Services(Web 服务 )。 

支持 AJAX 的 Web 服务 是 目前 最 新 的 技术 ， 它 可 以 轻松 整合 不 同 的 应 用 程序 以 及 异 构 
系统 之 间 的 数据 共享 。 

本 章 首 先 介 绍 Web 服务 的 基本 概念 和 特点 ， 然 后 通过 具体 实例 说 明 如 何 创建 和 使 用 支 
持 AJAX 的 Web 服务 。 


本 章 的 学 习 目 标 
° 了 解 什么 时 候 需 要 使 用 Web 服务 
e° 掌握 如 何 创建 和 调用 支持 AJAX 的 Web 服务 


10.1 支持 AJAX 的 Web Services 简介 


ASPNET AJAX 提供 了 完整 的 架构 以 从 客户 端 JavaScript 调用 ASPNET Web Services。 
设计 者 可 以 轻松 地 用 AJAX 把 服务 器 端的 数据 和 功能 集成 到 用 户 响 应 的 Web 页 面 中 , 而 所 需 
要 做 的 就 是 仅仅 用 [ScriptService] 属 性 来 标识 Web Service. ASP.NET AJAX 框架 会 为 Web 
Service 自动 生成 JavaScript 代理 ， 然 后 通过 使 用 代理 来 调用 Web methods。 


10.1.1 什么 是 Web Services 


简单 地 讲 ，Web Services(Web 服务 ) 是 一 个 基于 因特网 的 可 通过 Web 被 远程 调用 的 应 用 
程序 模块 APD， 比 如 网 站 里 想 提供 天 气 预报 的 服务 ， 不 用 自己 实现 天 气 预报 的 功能 ， 只 用 调 
用 其 他 公司 提供 的 免费 或 付费 Web Services 即 可 。 

° 服务 就 是 一 个 软件 ， 它 和 客户 端 应 用 程序 没有 很 紧密 地 耦合 或 关联 。 服 务 是 可 以 被 

动态 地 发 现 及 组 合成 其 他 软件 的 软件 实体 。 
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e Web 服务 是 一 种 基于 XML, JSON. SOAP, HTTP. UDDI, WSDL 等 一 系列 标准 实 
现 的 分 布 式 计算 技术 和 软件 组 件 。 

e Web 服务 提供 了 一 个 松 耦 合 和 跨 平台 的 分 布 式 计算 环 境 ， 它 是 一 个 与 操作 系统 无 关 、 
程序 设计 语言 无 关 、 机 器 类 型 无 关 、 运 行 环境 无 关 的 平台 ， 实 现 网 络 上 应 用 的 共享 ， 
并 可 用 于 复杂 的 系统 集成 。 

e 国际 标准 化 组 织 W3C: Web Service 是 一 个 通过 URL 识别 的 软件 应 用 程序 ， 其 界 T 
及 绑 定 能 用 XML 文档 来 定义 、 描 述 和 发 现 ， 使 用 基于 Intemet 协议 上 的 消息 传递 方 
式 与 其 他 应 用 程序 进行 直接 交互 。 

e Microsoft: Web Service 是 为 其 他 应 用 提供 数据 和 服务 的 应 用 逻辑 单元 ， 应 用 程序 通 
过 标准 的 Web 协议 和 数据 格式 获得 Web Service, 4 HTTP. XML/JSON 和 SOAP “£, 
每 个 Web Service 的 实现 是 完全 独立 的 。Web Service 具有 基于 组 件 的 开发 和 Web 开 
发 两 者 的 优点 ， 是 Microsoft 的 .Net 程序 设计 模式 的 核心 。 

Web Service 是 一 种 革命 性 的 分 布 式 计算 技术 ， 它 使 用 基于 XML/JSON 的 消息 处 理 作为 
基本 的 数据 通讯 方式 ,消除 使 用 不 同 组 件 模型 、 操 作 系统 和 编程 语言 的 系统 之 间 存 在 的 差异 ， 
使 异类 系统 能 够 作为 计算 网 络 的 一 部 分 协同 运行 。 开 发 人 员 可 以 使 用 像 过 去 创建 分 布 式 应 用 
程序 时 使 用 组 件 的 方式 ， 创 建 由 各 种 来 源 的 Web 服务 组 合 在 一 起 的 应 用 程序 。 由 于 Web 服 
务 是 建立 在 一 些 通用 协议 的 基础 上 ， 如 HTTP, SOAP, XML, JSON, WSDL, UDDI 等 ， 
这 些 协议 在 涉及 到 操作 系统 、 对 象 模型 和 编程 语言 的 选择 时 ， 没 有 任何 倾向 ， 因 此 Web 服务 
将 会 有 很 强 的 生命 力 。 

SOAP, 即 Simple Object Access Protocol, 简单 对 象 访问 协议 。SOAP 是 消息 传递 的 协议 ， 
它 规定 了 Web Services 之 间 是 怎样 传递 信息 的 。 简 单 地 说 ，SOAP 规定 了 : 

(1) 传递 信息 的 格式 为 XML。 这 就 使 Web Services 能 够 在 任何 平台 上 ， 用 任何 语言 进行 
实现 。 

(2) 远程 对 象 方法 调用 的 格式 。 规 定 了 怎样 表示 被 调用 对 象 以 及 调用 的 方法 名 称 和 参数 
类 型 等 。 

(3) 参数 类 型 和 XML 格式 之 间 的 映射 。 这 是 因为 ， 被 调用 的 方法 有 时 候 需 要 传递 一 个 
复杂 的 参数 ， 例 如 ， 一 个 Person 对 象 。 怎 样 用 XML 来 表示 一 个 对 象 参数 ， 也 是 SOAP 所 定 
义 的 范围 。 

WSDL, 即 Web Services Description Language, Web 服务 描述 语言 。WSDL 是 Web Services 
的 定义 语言 。 当 实现 了 某 种 服务 的 时 候 (如 : 股票 查询 服务 )， 为 了 让 别 的 程序 调用 ， 必 须 告 
诉 大 家 服务 接口 。 例 如 : 服务 名 称 ， 服 务 所 在 的 机 器 名 称 ， 监 听 端 口号 ， 传 递 参 数 的 类 型 ， 
个 数 和 顺序 ， 返 回 结果 的 类 型 等 等 。 这 样 别 的 应 用 程序 才能 调用 该 服务 。WSDL 协议 就 是 规 
定 了 有 关 Web Services 描述 的 标准 。 

UDDI， 即 Universal Description Discovery and Integration， 通 用 描述 发 现 和 集成 协议 。 简 
单 说 ，UDDI 用 于 集中 存放 和 查找 WSDL 描述 文件 ， 起 着 目录 服务 器 的 作用 。 

XML， 即 eXtensible Markup Language， 可 扩展 标记 语言 ， 是 Intemet 上 数据 表示 和 数据 
交换 的 新 标准 。 它 是 ISO(Intemational Organization for Standardization， 国 际 标准 化 组 织 ) 的 
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SGML(Standard for General Markup Language， 通 用 标记 语言 标准 ) 的 一 个 简化 子 集 。XML 关 
注 信息 本 身 , 是 Web 上 表示 结构 化 信息 的 一 种 标准 文本 格式 。 与 传统 的 注重 页 面 信息 显示 的 
HTML(Hypertext Markup Language, 超 文 本 链接 标示 语言 ) 相 比 ， 关注 于 内 容 的 XML 具有 以 


刻画 数据 内 容 ， 不 考虑 显示 效果 ;有 严格 的 语法 要 求 ， 便 于 分 析 统 一 和 与 数据 库 信 息 转换 ; 
便于 传输 ， 为 纯 文本 形式 ， 可 通过 Http 协议 直接 传输 ， 可 跨越 防火 墙 ， 等 等 。XML 的 出 现 
和 发 展 对 于 Intemet 和 Intranet 产生 了 巨大 的 影响 。 


1. Web 服务 的 目标 


(1) 让 地 理 上 分 布 在 不 同 区 域 的 计算 机 和 设备 一 起 工作 ， 为 用 户 提供 各 种 各 样 的 服务 。 
(2) 用 户 可 以 控制 要 获取 信息 的 内 容 、 时 间 、 方 式 ， 而 不 必 像 目前 这 样 ， 在 无 数 个 信息 
孤岛 中 浏览 ， 去 寻找 自己 需要 的 信息 。 


2. Web 服务 的 影响 


(1) Web 服务 支持 在 Web 站 点 上 放置 可 编程 的 元 素 ， 用 户 可 以 抓 取 已 有 的 元 素 ， 构 成 自 
己 的 新 服务 。 

(2) 能 进行 基于 Web 的 分 布 式 计算 和 处 理 ， 能 很 好 地 兼容 现 有 的 Web 技术 。 

(3) Web 服务 使 得 Intemet 成 为 一 个 可 以 无 限 扩展 、 拥 有 无 限 潜力 的 分 布 式 计算 平台 。 

(4) 任何 设备 可 以 随时 随地 访问 Internet 上 的 Web 服务 。 

(5) 软件 模块 充分 复 用 、 计 算 机 资源 充分 共享 、 信 息 无 颖 共享 和 交流 。 


3. Web 服务 的 好 处 


(1) Web 服务 改变 企业 对 IT 系统 的 应 用 方式 和 依赖 程度 。 在 Web 服务 的 帮助 下 ， 企 业 
可 以 不 再 耗费 巨 资 建 设 IT 系统 ， 转 而 使 用 Intemet 上 提供 的 各 类 Web 服务 来 实现 。 

(2) 利用 Web 服务 , 公司 和 个 人 将 能 够 迅速 且 廉 价 地 向 整个 国际 互联 网 络 提供 他 们 的 服 
务 ， 进 而 建立 全 球 范围 的 联系 ， 在 广泛 的 范围 内 寻找 可 能 的 合作 伙伴 。 


4. Web 服务 的 主要 特征 


(1) 互 操作 性 ， 一 个 Web 服务 可 与 其 他 Web 服务 交互 ， 协 同 工 作 ; 可 以 使 用 任何 语言 
开发 Web 服务 或 使 用 他 人 提供 的 Web 服务 ， 开 发 环境 可 以 异 构 。 

(2) 普遍 性 : Web 服务 使 用 HTTP 和 XML 进行 通信 ， 支 持 这 些 技术 的 设备 都 可 以 拥有 
和 访问 Web 服务 。 

G) 松散 耦合 : Web 服务 的 实现 对 使 用 者 透明 ， 当 服务 的 实现 发 生变 动 时 不 影响 用 户 
使 用 。 

(4) 高 度 可 集成 能 力 : Web 服务 和 采用 了 简单 的 、 易 理解 的 标准 Web 协议 作为 组 件 界面 
描述 和 协同 描述 规范 ， 屏 蔽 了 平台 的 异 构 性 ，CORBA、DCOM、EJB 等 都 可 通过 它 进行 互 
操作 。 
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5. Web 服务 架构 


SOA(Service Oriented Architecture) 架 构 ， 如 图 10-1 所 示 。 

3 个 参与 者 : 服务 提供 者 、 服 务 请 求 者 、 服 务 中 介 者 。 

3 个 基本 操作 : 发 布 、 发 现 、 绑 定 。 

XML 或 JSON 是 数据 的 格式 ，SOAP 是 调用 Web Services 的 协议 ，WSDL 是 描述 Web 
Services 的 格式 ， 而 UDDI 是 Web Services 发 布 ， 查 找 和 利用 的 组 合 。 


TaI 


服务 提供 者 


图 10-1 SOA Web 服务 架构 


6. Web 服务 有 两 种 类 型 的 应 用 


(1) 可 重复 使 用 的 应 用 程序 组 件 

有 一 些 功 能 是 不 同 的 应 用 程序 常常 会 用 到 的 。 那 么 为 什么 要 周而复始 地 开发 它们 呢 ? 

Web services 可 以 把 应 用 程序 组 件 作为 服务 来 提供 ， 比 如 汇率 转换 、 天 气 预 报 或 者 甚至 
是 语言 翻译 等 等 。 

比较 理想 的 情况 是 ， 每 种 应 用 程序 组 件 只 有 一 个 最 优秀 的 版 本 ， 这 样 任何 人 都 可 以 在 其 
应 用 程序 中 使 用 它 。 

(2) 连接 现 有 的 软件 

通过 为 不 同 的 应 用 程序 提供 一 种 链接 其 数据 的 途径 ，Web services 有 助 于 解决 协同 工作 
的 问题 。 

通过 使 用 Web services， 用 户 可 以 在 不 同 的 应 用 程序 与 平台 之 间 来 交换 数据 。 


10.1.2 JSON 和 支持 AJAX 的 Web 服务 


JSON(JavaScript Object Notation) 是 一 种 轻 量 级 的 数据 交换 格式 ， 易 于 阅读 和 编写 ， 易 于 
机 器 解析 和 生成 。 它 基于 JavaScript Programming Language, Standard ECMA-262 3rd Edition - 
December 1999 的 一 个 子 集 。 JSON 采用 完全 独立 于 语言 的 文本 格式 , 使 用 了 类 似 于 C 语言 家 
族 的 习惯 (包括 C, C++, C#, Java, JavaScript, Perl, Python 等 )。 这 些 特性 使 JSON 成 为 理想 的 数 
据 交 换 语言 。 

JSON 建构 于 两 种 结构 : 

(1) “名 称 / 值 ” 对 的 集合 (A collection of name/value pairs)。 不 同 的 语言 中 ， 它 被 理解 为 
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对 象 (objecb, 纪录 (record), 结构 (struct), 字典 (dictionary)， 哈 希 表 (hash table), 有 键 列表 (keyed 
lisb， 或 者 关联 数组 (associative array)。 

(2) 值 的 有 序列 表 (An ordered list of values)。 在 大 部 分 语言 中 ， 它 被 理解 为 数组 (array)。 

这 些 都 是 常见 的 数据 结构 。 事 实 上 大 部 分 现代 计算 机 语言 都 以 某 种 形式 支持 它们 。 这 使 
得 一 种 数据 格式 在 同样 基于 这 些 结构 的 编程 语言 之 间 交 换 成 为 可 能 。 

JSON 以 一 种 特定 的 字符 串 形 式 来 表示 JavaScript 对 象 。 如果 将 具有 这 样 一 种 形式 的 字符 
串 赋 给 任意 一 个 JavaScript 变量 ， 那 么 该 变量 会 变 成 一 个 对 象 引 用 ， 而 这 个 对 象 就 是 字符 串 
所 构建 出 来 的 ， 好 像 有 点 擂 口 ， 还 是 用 实例 来 说 明 。 

这 里 假设 需要 创建 一 个 User 对 象 ， 并 具有 用 户 ID、 用 户 名 、 用 户 Email 这 3 个 属性 ， 
可 以 使 用 以 下 JSON 形式 来 表示 User 对 象 ; 


{"UserID":110, "Name":"Sunny", "Email":happy@gmail.com"}; 
然后 如 果 把 这 一 字符 串 赋予 一 个 JavaScript 变量 ， 那 么 就 可 以 直接 使 用 对 象 的 任 一 属性 
了 。 完 整 代码 : 


<script>var User = {"UserID":110, "Name":" Sunny", "Email":":happy@gmail.com"}; 
alert(User.Name); </script> 


HH) ASP.NET AJAX Extension, 微软 选择 JSON 在 服务 器 和 Ajax 客户 端 实现 数据 交换 ， 
从 而 创建 支持 AJAX 的 Web 服务 。 在 客户 端 和 服务 器 端 都 实现 了 (数据 的 ) 串 行 化 器 和 并 行 化 
器 以 使 数据 按 JSON 的 格式 交换 。 网 页 中 的 客户 端 脚本 与 服务 器 通过 Web 服务 通信 层 进行 通 
信 来 访问 Web 服务 ， 该 通信 层 使 用 AJAX 技术 进行 Web 服务 调用 ， 数 据 在 客户 端 与 服务 器 
之 间 通 常 采用 JSON 格式 进行 异步 交换 。 

通常 ， 默 认 将 JavaScript 对 象 序列 化 为 JSON 格式 ， 使 用 JavaScript eval 函数 可 进行 反 序 
列 化 。 但 Web 服务 和 ASPNET 网 页 中 的 单个 方法 可 以 返回 其 他 格式 (如 XML)。 可 以 通过 
ScriptMethod 属性 来 指定 方法 的 序列 化 格式 。 对 于 某 个 ASMX 服务 ， 可 以 设置 ScriptMethod 
属性 形 如 [ScriptMethod(ResponseFormat = ResponseFormat Xml)] 以 使 某 个 Web 服务 方法 返回 
XML 数据 。 


10.2 ”创建 和 使 用 支持 AJAX 的 Web 服务 


使 用 VWD 2008 可 以 创建 能 够 从 客户 端 脚本 访问 的 ASPNET 自 定义 Web 服务 (.asmx 文 
件 )。 在 【 例 10-1】 中 ,将 创建 一 个 支持 AJAX 的 Web 服务 ， 并 使 用 客户 端 脚本 调用 其 方法 。 
[J 10-1】 在 VWD 2008 中 创建 支持 AJAX 的 Web 服务 。 要 完成 本 示例 ， 需 要 在 本 地 
计算 机 上 安装 Microsoft Internet 信息 服务 (IS)。 
(1) 创建 支持 AJAX 的 Web 服务 的 网 站 。 说 明 : 在 本 实例 中 必须 使 用 IS 网 站 。 
© 打开 VWD 2008. 
© 在 【文件 】 菜单 上 单 击 【 新 建 网 站 】， 出 现 【 新 建 网 站 】 对 话 框 。 
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@ Æ [Visual Studio 已 安装 的 模板 】 下 单 击 【ASPNET 网 站 】， 单 击 【 浏 览 】， 单 击 
【本 地 HS】， 单 击 【默认 网 站 】， 在 右上 角 单 击 【 创 建新 Web 应 用 程序 】 图 标 ， 如 图 10-2 
所 示 。VWD 2008 创建 了 一 个 新 的 IIS Web 应 用 程序 。 


本 地 Internet Information Server 
开 的 网 站 O. 


gax 
] 


Yeb 


图 10-2 【选择 位 置 】 对 话 框 


指定 名 称 AJAXsupportedWebService， 不 选择 【使 用 安全 套 接 字 层 (U)】。 
单 击 【 打 开 】， 出 现 【 新 建 网 站 】 对 话 框 ， 新 网 站 的 名 称 位 于 【位 置 】 列 表 中 ， 包 括 协 
议 http:// 和 位 置 localhost， 形 如 http:/WlocalhosUAJAXsupportedWebService( 这 指示 处 理 本 地 IIS 
网 站 )。 在 【语言 】 列 表 中 ， 选 择 编程 语言 Visual C#， 单 击 【确定 】。 

(2) 编写 支持 AJAX 的 自 定 义 Web 服务 

O 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 的 名 称 ， 单 击 【添加 新 项 】。 

@ 在 【Visual Studio 已 安装 的 模板 】 下 ， 单 击 【Web 服务 】， 然 后 在 【名 称 】 文 本 框 中 
输入 GreetingsWebService .asmx， 如 图 10-3 所 示 。 

@ 确保 【将 代码 放 在 单独 的 文件 中 】 复 选 框 已 选 定 ， 然 后 单 击 【 添 加 】。 

VWD 2008 创建 一 个 新 的 Web 服务 ， 它 由 两 个 文件 组 成 。GreetingsWebService.asmx 文 
件 是 用 来 调用 Web 服务 方法 的 文件 ， 它 指向 Web 服务 代码 。 代 码 本 身 位 于 App_Code 文件 
夹 中 的 类 文件 (GreetingsWebService.cs) 中 ， 代 码 文 件 包含 Web 服务 的 模板 。 


a 

[J SAL Server 数据 库 agr 服务 l 

B Bre 配置 文件 
ERI 部 XSLIT 文件 

a) paraxe | 

PG EBR T ATAX 的 YCF 服务 好 ] 全 局 应 用 程序 类 ` 

] 


[EFEN vo 服务 的 可 视 设 计 类 
名 称 吕 :| GreetingsWebService asmx ] 


EE (L): visual C# ` : 码 放 在 单独 的 文件 中 E) 
KISTO 


图 10-3 【添加 新 项 】 对 话 框 


@ 打开 文件 Greetings WebService.asmx, 修改 为 如 下 所 示 的 代码 。 


<%(@ WebService Language="C#" CodeBehind="~/App_Code/Greetings WebService.cs" 
Class=" Samples.Aspnet.Greetings WebService" %> 


其 中 ，@WebService 指令 表示 在 该 文件 中 声明 一 项 Web 服务 ，Class 属性 指明 实现 该 
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Web 服务 的 类 的 类 名 是 GreetingsWebService, Language 属性 指明 使 用 的 语言 是 C#， 
CodeBehind 属性 指明 实现 该 服务 的 代码 文件 是 ~/App_Code/GreetingsWebService.cs。 

© 打开 文件 GreetingsWebService.cs， 可 看 到 如 下 所 示 的 代码 。 并 将 1~20 行 代码 用 
namespace Samples.Aspnet 名 称 空间 命令 括 起 来 。 


namespace Samples.Aspnet 
{ 
/// <summary> 
///GreetingsWebService 的 摘要 说 明 
/ll </summary> 
[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1) ] 
// 若 要 允许 使 用 ASP.NET AJAX 从 脚本 中 调用 此 Web 服务 ， 请 取消 对 下 行 的 注释 。 
[System. Web.Script.Services.ScriptService] 
public class Greetings WebService : System. Web.Services. WebService 
{ 
public GreetingsWebService 0// 类 的 构造 函数 
{ 
12 /如 果 使 用 设计 的 组 件 ， 请 取消 注释 以 下 行 
//InitializeComponent(): 


í` @%@ — O Q + QÓ N 一 


es J 
== 


- 
(re 


14 } 

15 [WebMethod] 

16 public string HelloWorld 
17 { 

18 retum "Hello World"; 
19 } 


代码 的 8~10 行 定义 了 一 个 名 为 GreetingsWebService 的 类 ， 从 WebService 类 派生 。 使 用 
ASPNET 创建 的 Web 服务 的 类 可 以 选择 从 WebService 类 派生 ， 以 获得 对 通用 ASPNET 对 
象 的 访问 权限 ， 例 如 Application. Session. User 和 Context。 

代码 的 第 4 行 是 应 用 WebService 属性 设置 Web 服务 所 属 的 XML 命名 空间 。 

将 可 选 的 WebService 属性 应 用 于 实现 Web 服务 的 类 ， 以 便 为 该 Web 服务 设置 默认 的 
XML 命名 空间 (该 命名 空间 原来 是 http://tempuri.org)， 同 时 还 用 一 个 字符 串 来 描述 该 Web 
服务 。 

在 使 该 XML Web services 可 以 公开 使 用 之 前 ， 强 烈 建 议 修改 此 默认 命名 空间 
http://tempuri.org。 这 一 点 很 重要 ， 因 为 必须 将 该 XML Web services 与 其 他 可 能 不 慎 将 该 命名 
空间 用 作 默 认命 名 空间 (<http://tempuri.org/>) 的 XMLWeb services 相 区 分 。 

代码 的 15-19 行 定义 Web 服务 方法 。 实 现 Web 服务 的 类 的 方法 不 会 自动 具有 通过 Web 
进行 通信 的 能 力 ， 但 通过 使 用 ASP.NET 创建 的 Web 服务 ， 很 容易 添加 该 功能 。 若 要 添加 此 
功能 , 请 将 WebMethod 属性 应 用 于 公共 方法 。 可 通过 Web 进行 通信 的 Web 服务 的 方法 称 为 
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Web 服务 方法 。 
请 注意 ， 函 数 名 HelloWorld 前 面 放置 了 [WebMethod] 属 性 ， 作 为 函数 声明 的 一 部 分 。 此 
外 , Æ HelloWorld 由 [ScriptService] 属 性 限定 。 利 用 这 些 属性 , 可 以 从 支持 AJAX 的 ASPNET 
网 页 中 的 脚本 调用 Web 服务 。 
G) 测试 Web 服务 。 现 在 就 可 以 在 浏览 器 中 测试 Web 服务 ， 此 测试 不 使 用 脚本 来 调用 
Web 服务 方法 。 测 试 的 目的 仅仅 是 验证 Web 服务 是 否 正常 运行 。 
O 打开 浏览 器 ， 输 入 URL: 


http://localhost/AJAXsupportedWebService/ Greetings WebService.asmx.asmx 


来 调用 Web 服务 ， 在 浏览 器 中 会 显示 一 个 页 ， 显 示 由 Web 服务 公开 的 方法 。 
或 : 确保 当前 文件 是 GreetingsWebService.asmx， 按 CTRL+F5， 可 以 在 浏览 器 中 看 到 该 
程序 运行 的 界面 如 图 10-4 所 示 。 
Greetings¥ebService Web 服务 - Windows Internet Explorer GreetingsWebService Web ... [E |" 
ED 
GreetingsWebService 


单 击 此 处 ， 获 取 充 整 的 操作 列表 。 
HelloWorld 


k R Ø oreetinghebService.. 


Se© > [Bhttp://localhost/ATAXsupportedhebService/Gr eetingsNebService. asma 
文件 四 REV EEV KÆRA IAW WQ) 
D Q Æ creetingatebService Yeb 服务 


GreetingsWebService 
支持 下 列 拘 作 。 有 关 正 式 定义 ， 请 查看 服务 忱 明 . 


© Helloworld 


车 要 使 用 HTTP POST 协议 对 换 作 进行 测试 ， 请 
单 击 “ 调 用 ”按钮 。 

mh 
此 Web 服务 使 用 http: / /tempuri.org/ 作为 默认 命名 空间 
建议 : 公开 XML Web services 之 前 ,请 更 改 默 认命 名 空间 . 


图 10-4 ”GreetingsWebService.asmx 运行 示意 图 和 调用 Web 服务 Hello 的 界面 


@ 单 击 HelloWorld。 出 现 一 个 带 有 “调用 ”(Invoke) 按 钮 的 页 。 
@ 单 击 “ 调 用 ”按钮 调用 方法 ， 可 看 到 如 图 10-5 所 示 的 XML 格式 的 结果 。 
http://localhost/AJAXsupporte. .. EBR) 


JEY ~ E) http://localhost) M| ff X 


文件 @) SEO FEV KERW IAW A” 


» 


宽 & | 四 ht:/maocahesy | 一 | : Ñ 


<?xml version="1.0" encoding="utf-8” ?> 

<stri 
xmlns="http:/ /tempuri.org/">Hello 
World</string> N š 


[3 @ Internet Rios < | 


图 10-5 HelloWorld 服务 的 返回 结果 


© 单 击 图 10-4 中 的 【服务 说 明 】 链接， 将 看 到 用 WSDL 语言 描述 该 Web 服务 的 XML 
文档 。 
© 关闭 浏览 器 。 保 存 文件 并 将 其 关闭 。 已 完成 创建 支持 AJAX 的 Web 服务 。 
(4) 打开 文件 GreetingsWebService.cs 添加 如 下 的 Web 服务 方法 。 
[WebMethod(Description = "无 参数 的 Web 服务 ， 显 示 “Hello world! 和 服务 器 的 当前 时 间 ”" )] 
public string Greetings() 
£ 


第 10 章 Web 服务 。251。 


string serverTime = String.Format("Current date and time: {0}.", DateTime Now): 
string greetings = "Hello World! <br/>" + serverTime: 
return greetings; 
} 
[WebMethod(Description = "有 参数 的 Web 服务 ， 显 示 “Hello world 您 输入 的 用 户 名 !" 
+" 和 服务 器 的 当前 时 间 ”")] 
public string GreetingsParamters(string vistorName) 
{ 
string inputString = Server.HtmlEncode(vistorName); 
if (!String IsNullOrEmpty(inputString)) //if (vistorName. Trim().Length != 0)/also ok. 
{ 
string serverTime =String. Format("Current date and time is {0}.", DateTime.Now); 
string greetings = "Hello, " + inputString + "!<br/>" + serverTime; 
Tetum greetings: 
) 
else return "my friend please enter your name!"; 


) 


(5) 从 客户 端 脚本 调用 Web 服务 。 

O 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 的 名 称 (http:/localhostHelloWorldService)， 
然后 单 击 【添加 新 项 】。 

@ 在 【VWD 2008 已 安装 的 模板 】 下 ， 单 击 【JScript 文件 】， 然 后 在 【名 称 】 文 本 框 
中 输入 callGreetingsClientJScriptjs， 单 击 【确定 】。 

@ 向 脚本 文件 中 添加 以 下 代码 : 


Var GreetingsServiceProxy;// Initializes global and proxy default variables. 
function pageLoad() 
{ 
// Instantiate the service proxy. 
GreetingsServiceProxy =new Samples.Aspnet.GreetingsWebService(): 
// Set the default call back functions. 
GreetingsServiceProxy.set_defaultSucceededCallback(SucceededCallback); 
GreetingsServiceProxy.set_defaultFailedCallback(FailedCallback); 
GreetingsServiceProxy.set_timeout(2000); 
GreetingsServiceProxy.set_defaultUserContext("my context"); 
} 
// Processes the button click and calls the service Greetings method. 处 理 按钮 事件 ， 调 用 Web 服务 
function OnClickGreetings() 
t 
var greetings = GreetingsServiceProxy.Greetings(); 
) 
// Processes the button click and calls the service Greetings method with parameters. 
function OnClickGreetingsParameters(s) // 处 理 按钮 事件 ， 调 用 带 参数 的 Web 服务 
{ 
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var greetings =GreetingsServiceProxy.GreetingsParamters(s.SucceededCallback.FailedCallback); 


) 
function SucceededCallback(result) // Callback function that processes the service return value. 
í 
var RsltElem = document getElementById("Results"): 
RsltElem.innerHTML = result; 
} 


// Callback function invoked when a call to the service methods fails. 
function FailedCallback(error, userContext methodName) 


{ 
这 error != null) 
{ 
var RsltElem = document.getElementById("Results"); 
RsltElem.innerHTML = "An error occurred: " + error.get_message(); 
) 
} 


if (typeof(Sys) ! 一 "undefined") Sys.Application.notifyScriptLoaded(); 


在 调用 某 个 Web 服务 时 ， 通 常 定义 两 个 回调 : 一 个 用 于 成 功 的 情况 ， 另 一 个 用 于 失败 
的 情况 。Web 服务 调用 是 异步 执行 的 ， 必 须 通过 回调 来 了 解 调用 的 实际 完成 情况 。 这 里 的 方 


法 SucceededCallback 和 FailedCallback 分 别 实现 成 功 回 调和 失败 回调 。 


callGreetingsService.aspx 页 面 将 使 用 此 客户 端 脚本 来 调用 GreetingsWebService.cs 中 定义 


的 Greetings( ) 和 GreetingsParamters( ) 这 2 个 Web 服务 方法 。 


@ 切换 到 callGreetingsService.aspx 的 【设计 】 视 图 ， 从 工具 箱 的 【AJAX Extensions] 
组 中 向 页 面 中 拖 放 一 个 ScriptManager 控件 ， 使 用 默认 的 控件 名 称 ， 然 后 设置 ScriptManager 
控件 的 Services 属性 。 需 要 从 客户 端 代码 中 用 ScriptManager 注册 任何 想 要 与 之 交互 的 服务 。 
单 击 Services 属性 右 侧 的 【浏览 】 按 钮 ， 打 开 【ServiceReference 集合 编辑 器 】， 单 击 【添加 】 
按钮 ， 在 右 侧 设 置 path 为 GreetingsWebService.asmx， 即 完成 向 ScriptManager 控件 中 添加 服 
务 引用 ， 如 图 10-6 所 示 。 同 理 ， 为 Scripts 属性 添加 对 脚本 文件 的 引用 路 径 path 为 
callGreetingsClientJScriptjs。 


ServiceReference 集合 编辑 器 


iptlanagerl System Feb. UT. Script 
于 | 外 lz = 
EnableVienState True 
Seriptlode Auto 
SeriptPath 
Seripts (Collection) 


日 杂项 | Path 
GD) Script 有 anaEerl uz 所 引用 服务 的 路 径 。 
Services [Em W N ERD 
Sieisen MORETE PNRESIR 
a r 和 Ca J[ ma 


图 10-6 ”为 ScriptManager 控件 添加 属性 


@@ 在 body 的 form 标记 中 ， 可 看 到 如 下 所 示 的 代码 : 


<asp:ScriptManager runat="server" ID="scriptManager"> 
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<Services> <asp:ServiceReference Path="GreetingsWebService.asmx" /> </Services> 
<Scripts> <asp:ScriptReference Path="callGreetingsClientJScript.Js" /> </Scripts> 
</asp:ScriptManager> 


当然 ， 可 在 源 视 图 中 直接 输入 上 述 ScriptManager 控件 的 代码 ， 这 同样 可 完成 上 一 步 的 
操作 。 

该 页 包含 ScriptManager 控件 。Services 节 的 ServiceReference 元 素 中 的 path 属性 引用 先 
前 生成 的 GreetingsWebService.asmx 服务 。Script 节 的 ServiceReference 元 素 中 的 path 属性 引 
] callGreetingsClientJScriptjs 脚本 。 

ScriptManager 控件 包括 在 ASP.NET 3.5 AJAX Extensions 中 ， 它 用 来 处 理 页 面 上 的 所 有 
组 件 以 及 页 面 局 部 更 新 ， 生 成 相关 的 客户 端 代理 脚本 以 便 能 够 在 JavaScript 中 访问 Web 
Service， 所 有 需要 支持 ASPNET AJAX 的 ASPNET 页 面 上 有 且 只 能 有 一 个 ScriptManager 
控件 。 在 ScriptManager 控件 中 可 以 指定 需要 的 脚本 库 ， 或 者 指定 通过 JS 来 调用 的 Web 
Service， 以 及 调用 AuthenticationService 和 ProfileService， 还 有 页 面 错 误 处 理 等 。 

ASPNET Web 服务 通过 ScriptManager 控件 向 客户 端 脚本 公开 之 后 , ASPNET 将 为 这 些 
Web 服务 自动 创建 JavaScript 代理 类 。 可 以 通过 调用 JavaScript 代理 类 的 相应 方法 来 调用 Web 
服务 方法 。 

@ 在 body 的 form 标记 中 ， 继 续 添加 如 下 所 示 的 代码 ; 

<span class="stylel"> 记 着 要 将 GreetingsWebService.cs 文件 中 的 Web 服务 类 的 属性 
[System.Web.Script Services.ScriptService] 启 用 ， 即 不 要 注释 它 。</span> 
<hr 记 从 客户 端 脚本 调用 : 
<table> 
<tr align="left"> 
<td>Click to call the Greetings service:</td> 
<td><%-- 调 用 回调 函数 的 控件 是 HTML 控件 -9%> 
<input id="ButtonGreet" type="button" 
onclick ="OnClickGreetings(); retum false:" value="Greetings" /> 
</td> 
</t> 
</table><hr > 


这 里 将 客户 端 HTML 控件 Input(Button) 的 onclick 属性 和 callGreetingsClientJScriptjs 客户 
端 脚本 文件 中 的 函数 OnClickGreetings0 绑 定 ， 在 引发 该 Input(Button) 控 件 的 Click 事件 时 将 
调用 并 执行 客户 端 脚本 文件 中 的 OnClickGreetings 函数 。 

这 里 用 的 id=-"ButtonGreet" 按 钮 是 【工具 箱 】 的 HTML 组 里 的 Input(Button), 这 是 客户 端 
控件 ， 不 同 于 服务 器 端 控件 Button(【 标 准 】 组 中 的 )。 

© 在 浏览 器 中 测试 Web 服务 。 打 开 浏 览 器 ， 输 入 以 下 URL: 


http://localhost/AJAXsupportedWebService/callGreetingsService.aspx 


在 显示 的 页 中 , 单 击 Greetings 按钮 。 这 将 生成 对 该 Web 服务 的 调用 ， 这 次 调用 将 返 
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El 


一 条 问候 消息 以 及 当前 服务 器 日 期 和 时 间 。 
© 切换 到 callGreetingsService.aspx 的 源 视图 , 在 body 的 form 标记 中 ， 继 续 添 加 如 下 所 
示 的 代码 : 
<hr 人 从 客户 端 脚本 调用 : <br 记 输入 用 户 名 : 
<asp:TextBox ID="TextBoxParameters" runat="server"></asp:TextBox> 


<asp:Button ID="ButtonGreetParam" OnClientClick ="GreetingsParameters(); 
return false:" runat="server" Text="GreetingsParameters()" /><hr /> 


将 下 列 javascript 客户 端 脚本 块 添加 到 <head></head> 标 记 后 。 


<script type ="text/javascript" language ="javascript" > 
function GreetingsParameters() 
í 
window.alert("now calling GreetingsParameters ()...."); 
/获取 文本 框 TextBoxParameters 服务 器 控件 的 值 
var s=document.getElementByld ("TextBoxParameters").value; 
window.alert(s); 
// 调 用 客户 端 脚 本 文件 callGreetingsClientJScriptjs 中 的 /函数 OnClickGreetingsParameters(); 
OnClickGreetingsParameters(s); 
) 
</script> 


这 里 将 服务 器 端 控件 Button 的 OnClientClick 属性 和 JavaScript 客户 端 脚本 块 中 的 函数 
GreetingsParameters0 绑 定 ， 在 引发 该 Button 控件 的 Click 事件 时 将 调用 并 执行 客户 端 脚本 中 
的 GreetingsParameters 函数 。 

按 CTRL+F5 测试 运行 结果 。 

(6) 在 服务 器 端 使 用 C# 代 码 直 接 调用 Web 服务 。 

© 切换 到 callGreetingsService.aspx 的 源 视 图 , 在 body 的 form 标记 中 , 继续 添加 如 下 所 
示 的 代码 ， 

<hr 人 从 服务 器 端 调用 <br 亿 请 输入 用 户 名 

<asp:TextBox ID="TextBoxName" runat="server" ForeColor="#CCCCCC"> 孙 悟空 
</asp:TextBox> 

<asp:Button ID="ButtonServerSide" runat="server" ”Text=" 从 服务 端 调用 Greetings Web 服务 " 
onclick="ButtonServerSide_Click" /> 

<asp:Label ID="LabelGreetings" runat="server" Text="Label"></asp:Label><hr/> 


@ 在 callGreetingsService.aspx.cs 文件 中 加 入 下 列 代码 。 


Samples.Aspnet.GreetingsWebService myGreetingsService = 

new Samples.Aspnet.GreetingsWebService(): 
protected void ButtonServerSide Click(object sender, EventArgs e) 
t 
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/使 用 下 面 的 代码 可 确定 是 否 已 为 单个 页 启用 AJAX 功能 。 
ScriptManager sm = ScriptManager.GetCurrent(Page); 
if (sm = null) 
{ 
/确定 是 否 已 为 本 网 页 启用 ASPNET AJAX 功能 
// ASP.NET AJAX functionality is not enabled for the page. 
string str = "alert(" + "ASP.NET AJAX functionality is not enabled for the page." + ")"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Waming", str, true); 


else 

{ 
// AJAX functionality is enabled for the page. 
LabelGreetings.Text =myGreetingsService.GreetingsParamters(TextBoxName.Text.ToString()); 
string str = "alert(" + "ASP.NET AJAX functionalityis enabled for the page." + ")"; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "Waming", str, true); 

J 

) 


@ 切换 到 callGreetingsService.aspx 的 源 视图 ， 按 Ctl+F5， 测 试 调用 结果 。 


103 支持 AJAX 的 Web 服务 的 应 用 程序 体系 结构 


典型 的 AJAX 体系 结构 相当 容易 理解 。 图 10-7 展示 了 其 工作 原理 的 高 层 视图 。 其 中 有 
一 个 由 应 用 程序 特定 服务 组 成 的 后 端 ， 通 常 只 可 调用 AJAX 脚本 的 外 层 ， 其 下 方 是 业务 逻辑 
所 在 和 发 挥 作 用 的 系统 中 间 层 。 服 务 与 前 端 通过 HTTP 交换 数据 ， 使 用 多 种 格式 传递 参数 和 
返回 值 。 前 端 由 运行 于 客户 端 上 的 JavaScript 代码 组 成 ， 在 接收 和 处 理 完 数据 后 ， 它 面临 着 
使 用 HTML 和 JavaScript 构建 图 形 用 户 界面 的 重大 任务 。 对 JavaScript 的 依赖 是 由 于 受 浏览 
器 结构 的 限制 ， 只 有 当 浏 览 器 可 以 支持 功能 更 加 强大 的 编程 功能 时 ， 这 种 情况 才 会 改变 。 


JSON 对 象 
后 端 ( 含 Web 服务 ) 
其 他 后 端 层 


图 10-7 典型 的 AJAX 体系 结构 


在 AJAX 中 ， 服 务 表示 驻 留 在 应 用 程序 域 并 向 客户 端 脚本 代码 公开 功能 的 一 段 代码 。 

最 适合 AJAX 应 用 程序 的 服务 主要 涉及 向 Web 客户 端 公开 数据 和 资源 。 它 可 以 通过 
HTTP 获得 ， 并 要 求 客户 端 使 用 URL( 也 可 以 是 HTTP 头 ) 访 问 数据 和 命令 操作 。 客 户 端 与 服 
务 进行 交互 使 用 的 是 HTTP 动词 ， 如 GET. POST. PUT 和 DELETE。 换 句 话说 ，URL 代表 
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一 个 资源 ， 而 HITP 动词 描述 了 想 对 资源 采取 的 操作 。 在 这 些 交 互 中 交换 的 数据 以 简单 格式 
表示 ， 如 JSON 和 纯 XML， 也 可 以 聚合 格式 表示 ， 如 RSS HI ATOM. 

这 里 用 “AJAX 服务 ”表示 通过 JavaScript 脚本 服务 方法 实现 的 AJAX 应 用 程序 后 端的 
服务 。 


10.3.1 AJAX 服务 返回 什么 ? 


公开 AJAX 服务 的 唯一 方式 是 通过 HTTP， 几 乎 可 以 使 用 任何 文本 格式 来 包装 请 求 和 响 
应 的 主体 。JavaScript Object Notation(JSON) 是 最 常用 的 格式 ， 但 也 可 使 用 其 他 格式 ， 如 纯 
XML 和 原始 文本 。 

JSON 是 基于 文本 的 格式 , 用 于 表示 跨 应 用 程序 的 各 层 的 移动 对 象 的 状态 。JSON 字符 串 
通过 常见 的 eval 函数 便 可 方便 地 赋 给 JavaScript 对 象 。JSON 格式 描述 了 对 象 ， 如 下 所 示 : 


{"ID":"xunlei", "Company":" 迅 雷公 司 "} 
该 字符 串 表 示 一 个 对 象 有 两 个 属性 , 即 ID 和 Company， 以 及 它们 各 自 的 文本 序列 化 值 。 


如 果 对 某 个 属性 赋予 非 基 本 类 型 的 值 (比如 自 定义 对 象 )， 那 么 该 值 将 递归 地 序列 化 为 JSON， 
如 下 所 示 : 


{"TD":"xunlei","Company"…" 迅 雷公 司 ","Location": "fnCity":" 深 圳 ", "Country"…" 中 国 "}",} 


使 用 eval 函数 进行 处 理 时 , JSON 字符 串 将 变 成 一 个 关联 性 数组 ( 即 一 种 名 称 / 值 的 集合 )， 
其 中 每 个 条 目 都 有 一 个 名 称 和 值 。 如 果 JSON 字符 串 用 于 代表 一 个 自 定 义 对 象 (比如 
Customen 的 状态 ， 那 么 ， 必 须 负 责 确保 客户 端 具有 相应 类 的 定义 。 换 句 话说 ，JavaScript 的 
eval 函数 只 是 将 JSON 字符 串 中 的 信息 提取 到 一 个 通用 容器 。 如 果 需 要 将 此 信息 公开 为 一 个 
自 定义 对 象 (比如 Customer 对 象 )， 那 么 提供 类 定义 并 将 数据 载 入 到 其 中 的 任务 就 完全 依靠 设 
计 者 或 设计 者 使 用 的 框架 来 完成 。 

10.3.2 JSON 与 XML 之 比较 


多 年 以 来 ，XML 已 被 推崇 为 Web 通用 语言 。 众 所 周知 ， 现 在 AJAX 正在 改变 着 Web, 
就 数据 表示 而 言 ，JSON 更 受 欢迎 ， 而 XML 正在 被 推 向 角落 。 

JSON 稍微 简单 些 , 更 适合 与 JavaScript 语言 配合 使 用 。 读 者 可 能 会 争辩 哪 一 个 更 容易 为 
人 们 所 理解 ， 不 过 ，Web 浏览 器 处 理 JSON 肯定 比 处 理 XML 更 容易 。 使 用 JSON 时 ， 不 需 
要 XML 分 析 器 之 类 的 任何 东西 。 为 分 析 文 本 所 需 的 一 切 都 已 经 完全 构建 在 JavaScript 语言 
中 了 。 

凭借 JSON， 还 能 以 相对 较 低 的 成 本 在 体系 结构 方面 赢得 关键 优势 。 可 以 按照 对 象 无 处 
不 在 的 思路 进行 推理 。 在 服务 器 上 可 定义 一 些 实体 , 并 用 最 喜爱 的 托管 语言 将 它们 实现 为 类 。 
当 某 个 Web 服务 方法 需要 返回 任何 类 的 一 个 实例 时 , 该 对 象 的 状态 被 序列 化 为 JSON 并 通过 
线路 传送 。 客 户 端 接收 并 处 理 JSON 字符 串 ， 并 将 其 内 容 载 入 一 个 数组 或 一 种 与 服务 器 类 有 
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相同 接 


的 镜像 JavaScript 对 象 。 类 的 接口 是 从 JSON 流 推断 出 来 的 。 这 样 ， 服 务 和 客户 端 


页 面 的 代码 便 使 用 一 个 实体 的 同一 逻辑 定义 。 


F: 


E 从 技术 角度 来 说 ,AJAX 服务 并 不 严格 要 求 JSON 实现 为 数据 表示 格式 。 使 用 XML 


也 可 实现 同样 的 结果 。 
10.3.3 ASP.NET AJAX 中 的 服务 


通过 ASP.NET AJAX Extensions 实现 脚本 服务 有 两 种 方式 一 一 使 用 特殊 类 型 的 
ASPNET Web 服务 和 通过 页 面 方法 。 前 一 种 情况 下 ， 只 需 设 计 和 构建 一 个 链接 到 ASMX 资 


源 的 类 : 


<%@ WebService Language="C#" CodeBehind="~/App_Code/TimeWebService.cs" Class=" 


IntroAjax. WebServices.Time WebService" %> 


该 类 可 以 选择 从 WebService 类 继承 ， 并 且 必 须 用 新 的 ScriptService 属性 加 以 修饰 : 


[ScriptService] 
public class TimeWebService : System. Web. Services. WebService 
{ 
[WebMethod] 
public string GetServerTime() 
t 
string serverTime = String.Format("The current time is {0}.", DateTime.Now); 
retum serverTime; 
) 
j 


每 个 可 调用 脚本 的 方法 均 声 明 为 公共 方法 ， 并 标记 有 通常 的 WebMethod 属性 。 
页 面 方法 只 不 过 是 在 单个 ASP.NET 页 面 上 下 文中 定义 的 公共 、 静 态 方法 ， 每 个 方法 都 


标记 为 WebMethod。 只 能 从 宿主 页 面 中 调用 它们 。 除 了 存储 不 同 之 外 ， 对 Web 服务 或 页 面 


方式 的 调用 均 由 ASP.NET AJAX 环境 以 相同 方式 进行 处 理 。 

AJAX 服务 代表 后 端的 一 部 分 , 从 WS-* Web 服务 意义 上 讲 , 它们 并 不 是 公共 Web 服务 ， 
Web 服务 都 是 通过 WSDL 脚本 完整 记录 并 可 通过 携带 SOAP 数据 的 POST 命令 进行 访问 。 
AJAX 服务 是 真正 的 本 地 服务 ， 通 常 在 调用 它们 的 同一 个 应 用 程序 中 进行 定义 。 然 而 ， 它 们 
也 可 以 在 不 同 的 Web 应 用 程序 甚至 不 同 的 网 站 上 ， 前 提 是 它们 位 于 同一 个 域 。 

通过 启用 ASP.NET AJAX 运行 时 以 接受 对 服务 的 调用 ，ScriptService 属性 扮演 了 一 个 关 


键 角色 。 


如 果 没有 ScriptService 属性 ， 当 用 户 试图 进行 调用 时 ， 服 务 器 上 就 会 引发 异常 。 


10-8 显示 当 一 个 AJAX 页 面 链接 到 未 标记 该 属性 的 服务 时 所 返回 的 消息 。 因 为 ASPNET 内 


部 机 制 拒绝 处 理 缺 少 ScriptService 属性 的 ASPNET Web 服务 进行 的 脚本 调用 。 
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无 标题 页 - Windows Internet Explorer < [t A Internet Explorer 
EF F] PT m= =. ul 
[e Map: //ocalhost/i V| $7 |X | ETE SSE ETRETANT. LENERS 
D HEV KARU IRV SHA O 当 页 面包 含 恒 误 时 始终 显示 此 消息 W. 


如 果 用 JavaScript 客 户 端 脚本 调用 web 服 务 ， 记 着 将 实 | 
现 web 服 务 的 文件 GreetingsWebService cs 中 的 web 服 务 | 
esas web. Script Services ScriptService] 启 | 在， 2 
从 客户 端 脚本 调用 ， 

Click to call the Greetings service: 


Char: S 
Vn 为 空 或 不 是 对 象 
:0 


URL: http://localhost/AJAXsuppor tedebServi ce/callGreetingsServi ce. aspx 


上 一 页 @) 


图 10-8 引用 不 可 脚本 化 服务 的 页 面 


默认 情况 下 ， 调 用 AJAX 服务 方法 的 JavaScript 代理 类 只 能 使 用 HITP POST 动词 调用 

并 返回 JSON 格式 的 数据 。 然而 , 可 以 通过 给 Web 服务 方法 添加 可 选择 的 ScriptMethod 属性 ， 
使 它 可 以 使 用 HTTP GET 动词 和 XML 格式 。 表 10-1 详细 说 明了 ScriptMethod 属性 所 支持 的 
参数 。 返 回 到 客户 端的 数据 可 以 更 改 为 XML， 甚 至 可 以 添加 对 GET 请 求 的 支持 。 但 这 种 表 
面 看 起 来 无 恶意 的 更 改 可 能 会 为 攻击 者 提供 新 的 机 会 , 且 增 加 了 跨 站 点 调用 该 方法 的 可 能 性 。 
下 列 代码 显示 了 一 个 Web 服务 方法 的 定义 : 

[WebMethod] 

[ScriptMethod] 

public string GetServerTime0 

{ 


string serverTime = String.Format("The current time is {0}.", DateTime.Now); 
retum serverTime; 


$ 10-1 ScriptMethod 属性 的 参数 

# # Š — HB 
ResponseFormat | 指定 是 否 将 响应 序列 化 为 JSON 或 者 XML。 默认 为 JSON， 但 是 ， 当 方法 的 返回 值 是 
XmlDocument H}, KML 格式 会 比较 方便 
UseHttpGet 表明 是 否 可 以 使 用 HTTP GET 动词 调用 Web 服务 方法 。 由 于 安全 性 原因 ， 此 项 的 默 
认 设 置 为 false 
XmlSerializeString | 表明 包括 字符 串 在 内 的 所 有 返回 类 型 是 否 都 序列 化 为 XML。 默 认为 false。 当 响应 格 
式 设置 为 JSON 时 ， 将 忽略 该 属性 的 值 


注意 : 
用 ScriptService 属性 修饰 的 AJAX 脚本 服务 仍 可 由 能 够 访问 ASMX 服务 端点 且 能 处 理 
SOAP 协议 的 代码 访问 。 如 图 10-9 所 示 。 
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Script Service 


ASP.NET AJAX 


图 10-9 AJAX Web 服务 采用 JSON 或 SOAP 通信 格式 


10.3.4 ASP.NET AJAX 服务 和 SOAP 


一 旦 创建 了 ASP.NET AJAX 脚本 服务 ， 它 就 发 布 为 ASMX 资源 。 默 认 情况 下 ， 它 是 公 
共 URL, 可 以 由 AJAX 客户 端 通过 JSON 格式 使 用 , 也 可 以 由 SOAP 客户 端 及 工具 发 现 和 使 
用 。ASP.NET AJAX 服务 默认 情况 下 具有 双重 功能 : JSON 和 SOAP。 不 过 ， 可 以 选择 禁用 
SOAP 客户 端 及 工具 。 只 需 在 承载 服务 的 ASP.NET 应 用 程序 的 Web.config 文件 中 输入 下 列 
配置 设置 即 可 关闭 SOAP 客户 端 ; 
<system. Web> 
<WebServices> 
<protocols> 
<clear /> 
</protocols> 
</WebServices> 
</system Web> 


这 个 简单 的 设置 禁用 了 为 ASP.NET 3.5 Web 服务 定义 的 任何 协议 (特别 是 SOAP)， 并 让 
服务 仅 回复 JSON 请 求 。 


注意 : 
当 这 些 设置 开启 时 ， 无 法 再 通过 浏览 器 的 地 址 栏 调用 Web 服务 来 进行 快速 测试 。 同样 ， 
也 不 能 请 求 WSDL 向 URL 中 添加 ?wsdl E. 


为 了 在 Web 应 用 程序 中 启用 ASP.NET AJAX, 必须 在 Web.config 文件 中 包含 下 列 设置 : 


<httpHandlers> 
<remove verb="*" path="* asmx"/> 
<add verb="*" path="* asmx" validate="false" 
type=" System. Web.Script.Services.ScriptHandlerFactory, System. Web.Extensions, 
Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
<add verb="*" path="* AppService.axd" validate="false" 
type=" System. Web.Script.Services.ScriptHandlerFactory, System. Web.Extensions, 
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Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/> 
<add verb="GET, HEAD" path="ScriptResource.axd" 
type="System. Web.Handlers.ScriptResourceHandler, System. Web.Extensions, 
Version=3.5.0.0, Culture=neutral, PubicKeyToken=31BF3856AD364E35" validate="false"/> 
</httpHandlers> 


<remove> 节 会 丢弃 ASMX 资源 的 默认 HTTP 处 理 程序 ， 即 通过 SOAP 处 理 请 求 的 处 理 
程序 。<add> 节 点 会 添加 一 个 新 的 HTTP 处 理 程序 ， 该 处 理 程序 主要 检查 每 个 传 入 的 ASMX 
请 求 的 内 容 类 型 ， 如 果 内 容 类 型 的 头 部 设置 为 applicationjson， 则 通过 JSON 处 理 该 请 求 。 否 
则 ，HTTP 处 理 程序 假定 该 请 求 是 基于 SOAP 的 ， 并 将 其 转发 给 ASP.NET 3.5 Web 服务 处 理 
程序 。 如 果 禁 用 了 SOAP 协议 ， 则 会 拒绝 该 请 求 。 

最 后 ， 不 管 表面 如 何 ， 没 有 任何 必要 让 SOAP 介入 ASP.NET AJAX 服务 。 但 对 SOAP 
客户 端的 支持 是 得 到 保证 的 ， 除 非 在 Web.config 文件 中 明确 禁用 。 

要 使 ASP.NET AJAX 服务 按 预期 正常 工作 ， 传 入 请 求 的 内 容 类 型 HTTP 头 必须 设置 为 
applicationjson。 对 于 通过 <script> 标 记 实 施 的 跨 站 点 攻击 来 说 ， 这 还 是 极 好 的 补救 措施 。 


10.3.5 调用 AJAX 服务 


(1) 添加 调用 AJAX Web 服务 的 客户 端 javascript 脚本 文件 ， 如 以 下 代码 所 示 : 
<asp:ScriptManager ID="ScriptManagerl" runat="server"> 


<Scripts> <asp:ScriptReference Path="~/ScriptPath/TimeServiceJScript.js" /> </Scripts> 
</asp:ScriptManager> 


(2) 添加 Web 服务 客户 端 代理 ， 如 以 下 代码 所 示 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
<Services> <asp:ServiceReference Path="Time WebService.asmx" /> </Services> 
</asp:ScriptManager> 


这 样 ， 在 客户 端 脚本 中 就 可 以 直接 调用 Web 服务 的 静态 方法 了 。 

作为 ASPNET Web 服务 (Web services) 而 创建 的 AJAX 脚本 服务 (AJAX script services)， 
必须 用 JavaScript 代理 类 (JavaScript proxy classes) 来 调用 。 调 用 该 AJAX 脚本 服务 的 JavaScript 
代理 类 , 是 由 引用 该 AJAX 脚本 服务 的 客户 端 页 面 控件 ScriptManager 在 页 面 下 载 后 , 由 运行 
库 自 动 生成 并 链接 到 客户 端 页 面 的 。 

JavaScript 代理 类 具有 与 脚本 服务 相同 的 名 称 和 许多 附加 属性 。 它 的 特征 是 有 一 组 相同 
的 方法 ， 只 不 过 采用 了 稍 有 扩展 的 签名 ， 没 有 必要 探究 代理 类 的 源 代码 。 不 过 ， 如 果 想 看 一 
下 它 的 结构 ， 可 从 浏览 器 的 地 址 栏 中 尝试 调用 URL: http://.…/service.asmx/is。 

浏览 器 将 下 载 一 个 JavaScript 文件 ， 将 其 保存 到 本 地 磁盘 ， 用 “记事 本 ”打开 来 详 阅 。 

JavaScript 代理 类 继承 Sys.Net.WebServiceProxy 基 类 ， 它 提供 了 进行 JSON 调用 的 基本 
功能 。 
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10-2 JavaScript 代理 类 的 属性 


B 性 说 BB 
Path 指出 底层 Web 服务 的 URL 
Timeout 指出 在 调用 超时 之 前 允许 方法 运行 的 毫秒 数 
defaultSucceededCallback 指出 调用 成 功 时 所 调用 的 默认 JavaScript 回调 函数 
defaultFailedCallback 指出 调用 失败 或 超时 情况 下 所 调用 的 默认 JavaScript 回调 函数 (如 果 有 ) 
defaultUserContext 指出 要 传递 给 成 功 回调 或 失败 回调 的 默认 JavaScript 对 象 (如 果 有 ) 


JavaScript 代理 类 的 特征 是 具有 表 10-2 中 列 出 的 属性 。 除 了 常规 的 一 组 参数 之 外 ， 每 个 
镜像 的 方法 还 有 3 个 参数 。 这 3 个 参数 分 别 是 : 方法 成 功 时 所 要 调用 的 回调 函数 、 方 法 失败 
或 超时 情况 下 所 要 调用 的 回调 函数 、 传 递 给 两 个 回调 的 上 下 文 对 象 。 

(3) 下 面 是 从 ASP.NET AJAX 页 面 调用 一 个 远程 AJAX 服务 的 一 些 示例 代码 : 


function onclickgetServerTime() 
{ 
//window .alert ("calling onclickgetServerTime() ......"); 
AjaxWebServices. TimeWebService.GetServerTime(onMethodComplete); 
) 


function onMethodComplete(results) 
í S$get("Labell").innerHTML = results; } 

在 方法 调用 GetServerTime(onMethodComplete) 的 实 参 中 (无 论 结果 如 何 ) 调 用 的 成 功 回调 
函数 onMethodComplet 具有 原型 ， function method(results, context, methodName)。 

context 参数 代表 调用 时 指定 的 上 下 文 对 象 。methodName 参数 是 一 个 设 为 服务 方法 名 称 
的 字符 串 。 最 后 ， 对 于 成 功 调用 时 所 调用 的 回调 ，results 参数 是 包含 JavaScript 版 本 的 方法 返 
回 值 的 对 象 。 对 于 失败 的 回调 ， 此 参数 则 代表 SysNet WebServiceErmror 对 象 。 

AJAX 完全 是 关于 最 广泛 意义 上 的 用 户 体验 一 一 连贯 的 感受 、 无 闪烁 更 新 、 界 面 设计 、 
资源 聚合 、 实 时 数据 等 等 。 但 只 能 利用 浏览 器 和 它 的 一 套 可 编程 性 功能 ， 主 要 是 浏览 器 的 对 
象 模型 、DOM 实现 、 对 DHTML 扩展 的 支持 、CSS、JavaScript 和 插件 。 

JavaScript 是 构建 和 操纵 UI 的 主要 工具 。 用 户 界 面 任务 的 典型 模式 要 求 客户 端 使 
JavaScript 调用 远程 服务 、 接 收 JSON 数据 或 XML 数据 ， 然 后 重新 整理 页 面 以 显示 更 改 。 

纯 AJAX 体系 结构 是 基于 客户 端 与 服务 器 的 松散 耦合 , 即 实 质 上 彼此 独立 的 两 个 世界 通 
过 HTTP 线路 就 JSON 交换 消息 连接 了 起 来 。 在 纯 AJAX 体系 结构 中 有 一 个 基于 Web 服务 
的 后 端 和 一 个 JavaScript 驱动 的 前 端 。 构建 有 效 的 HTML UI 完全 取决 于 设计 者 或 设计 者 选择 
的 控件 库 。 不 过 ， 这 种 分 离 机 制 使 Web 开发 人 员 能 够 继续 采用 Silverlight 等 新 兴 技 术 创建 交 
互 性 更 强 的 用 户 界面 ， 而 不 受 服 务 器 平台 的 限制 。 
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实验 10 Web 服务 


1. 实验 目的 


熟悉 支持 AJAX 的 Web 服务 的 创建 和 访问 技术 ， 掌 握 用 C# 语言 编写 Web 服务 和 用 
Javascript 客户 端 脚本 调用 Web 服务 的 方法 。 


2. 实验 内 容 和 要 求 


(1) 新 建 名 字 为 AjaxEnabledAddWebService 的 网 站 。 这 里 的 正确 路 径 为 
http://localhost/AJaxEnabledAddWebService 

(2) 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 的 名 称 http:WlocalhosVHelloWorldService， 
然后 单 击 【 添 加 新 项 】， 新 建 Web 服务 AddWebService.asmx， 添 加 代码 如 下 : 


[System.Web.Script Services.ScriptService] 
public class AddWebService : System Web.Services.WebService 
{ 
[WebMethod] 
public string Add(int a, int b) 
£ 
int addition =a + b; 
string result = String.Format("The addition result is {0}.", addition.ToStringO); 
retum result; 
) 
) 


(3) 新 建 调用 Add 方法 的 客户 端 JavaScript 脚本 文件 CallAddWebServiceMethod js, 

(4) 添加 一 个 网 页 ， 通 过 客户 端 脚本 文件 调用 Web 服务 。 详 细 代码 参见 实验 源码 。 

(5) 登录 http:/www.onhap.com/， 选 自己 喜欢 的 Web 服务 ， 进 行 编程 练习 。 

(6) 登录 http:/www.Webxml.com.cn/zh_cn/index.aspx， 选 自己 喜欢 的 Web 服务 ， 进 行 编 
程 练 习 。 
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XML 被 称 为 可 扩展 标记 语言 (eXtensible Markup Language)， 它 提供 了 一 种 保存 数据 的 格 
式 ， 数 据 可 以 通过 这 种 格式 很 容易 地 在 不 同 的 应 用 程序 之 间 实 现 共享 。 

XML 是 专 为 Web 设计 的 , NET 也 把 XML 作为 应 用 程序 之 间 传 递 数据 的 一 种 主要 方法 。 
本 章 将 介绍 XML 的 基本 概念 和 如 何 访问 XML, 

本 章 的 学 习 目标 

° 了 解 XML 的 基本 概念 

e 掌握 如 何 利用 ADONET 访问 XML 

o 掌握 如 何 利用 XML 类 访问 XML 


11.1 XML 的 基本 概念 


XML 是 一 种 可 以 用 来 创建 自己 的 标记 的 标记 语言 。 它 由 万 维 网 协会 (W3C) 创 建 , 用 来 克 
服 HIML( 即 超 文本 标记 语言 (Hypertext Markup Language)， 它 是 所 有 网 页 的 基础 ) 的 局 限 。 和 
HTML 一 样 ，XML 基于 SGML 一 一 标准 通用 标记 语言 (Standard Generalized Markup 
Language)。XML 是 SGML 上 的 一 个 子 集 ，XML 包含 了 SGML 很 多 特性 ， 但 是 要 比 SGML 
简单 得 多 。 

XML 是 一 种 类 似 于 HTML 的 标记 语言 ,但 是 XML A HTML 的 蔡 代 品 ,XML 和 HIML 
是 两 种 不 同 用 途 的 语言 ， 其 中 最 主要 的 区 别 是 : XML 是 专门 用 来 描述 文本 的 结构 ， 而 不 是 
于 描述 如 何 显示 文本 的 ， 而 HTML 则 是 用 来 描述 如 何 显示 文本 的 。 

XML 不 像 HTML 那样 提供 了 一 组 事先 已 经 定义 好 的 标记 ， 而 是 提供 了 一 个 标准 。 利 用 
这 个 标准 ， 可 以 根据 需要 定义 自己 的 新 的 标记 。 准 确 地 说 ，XML 是 一 个 元 标记 语言 ， 它 允 
许 开发 人 员 根 据 规则 ， 制 定 各 种 各 样 的 标记 语言 。 

XML 是 用 来 存放 数据 的 ， 换 句 话 来 说 ， 它 可 以 作为 微型 数据 库 ， 这 是 最 常见 的 数据 型 
应 用 之 一 。 可 以 利用 相关 的 XML APIIMSXML DOM, JAVA DOM 等 ) 对 XML 进行 存 取 和 
查询 。 

AZ, KML 是 一 种 抽象 的 语言 ， 它 不 如 传统 的 程序 语言 那么 具体 。 要 深入 地 认识 它 ， 
应 该 先 从 它 的 应 用 入 手 ， 选 择 一 种 需要 的 用 途 ， 然 后 再 学 习 如 何 使 用 。 


See 
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11.1.1 XML 的 基本 结构 


下 面 就 创建 一 个 XML 文档 ， 用 于 保存 学 生 信 息 。 

【 例 11-1】 创 建 用 于 存放 学 生 信息 XML 文档 。 

(1) 新 建 网 站 名 为 XMLDemo， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【 添 
加 新 项 】 命 令 ， 在 弹出 的 对 话 框 中 选择 【XML 文件 】 模 板 ， 更 改名 称 为 sudentinfo xml， 创 
建 XML 文档 。 

(2) 在 studentinfo xml 中 输入 如 下 数据 。 


<?xml version="1.0" standalone="yes" ?> 
<!-- 下 面 存放 的 是 学 生 信息 -> 
<students> 
<student> 
<no>11</no> 
<name> 李 明 </name> 
<sex> 男 </sex> 
<birth>1988-10-01</birth> 
<address telephone="010-30008699"> 北 京 </address> 
</student> 
<student> 
<no>12</no> 
<name> 陈 倩 </name> 
<sex> 女 </sex> 
<birth>1989-01-12</birth> 
<address telephone="021-30008655"> 上 海 </address> 
</student> 


i 
第 一 行 是 XML 版 本 说 明 ， 其 作用 是 告诉 浏览 器 或 者 其 他 处 理 程序 ， 这 个 文档 是 XML 
文档 。 其 中 : version 表示 文档 遵守 的 XML 规范 的 版 本 , 如 该 例 中 的 version 是 1.0; standalone 
表示 文档 内 部 包含 文档 类 型 定义 DTD。 


注意 : 
版 本 说 明 必 须 是 文档 的 第 一 行 。 


第 二 行 是 XML 注释 ， 其 语法 与 HTML 的 注释 一 样 。 这 并 不 是 一 种 巧合 ， 因 为 KML 和 
HTML 都 是 从 SGML 派生 出 来 的 。XML 文档 注释 不 是 强制 性 的 ， 可 以 任意 删除 。 

从 第 三 行 <students> 标 记 一 直到 最 后 </students> 标 记 ， 表 示 XML 所 包含 的 数据 内 容 。 

可 以 看 出 ，XML 文档 如 同 它 的 名 字 所 指明 的 含义 一 样 ， 是 一 个 用 标记 语言 创立 的 文档 。 
它 使 用 了 自 定义 的 各 种 标记 来 表示 数据 的 含义 。 
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11.1.2 标记、 元 素 以 及 元 素 属性 


标记 是 左 尖 括号 (<) 和 右 尖 括号 (>) 之 间 的 文本 。 有 开始 标记 (例如 <name>) 和 结束 标记 ( 例 
如 </name>)。 

元 素 是 开始 标记 、 结 束 标 记 以 及 位 于 二 者 之 间 的 所 有 内 容 。 在 【 例 11-1】 中 ，<student> 
元 素 包 含 5 个 子 元 素 : <no>、<name>、< sex>、<birth > 和 <address>。 

属性 是 一 个 元 素 的 开始 标记 中 的 名 称 - 值 对 。 在 上 面 的 示例 中 ，telephone 是 <address> 元 
素 的 属性 。 

为 了 使 一 个 XML 文档 结构 完整 , XML 必须 遵守 一 定 规则 。 常见 的 XML 文档 规则 如 下 : 

(1) 文档 必须 以 XML 版 本 声明 开始 。 

(2) 含有 数据 的 元 素 必 须 有 起 始 标记 和 结束 标记 。 每 个 起 始 标记 必须 以 相应 的 结束 标记 
结束 。 如 果 一 个 文档 未 能 结束 一 个 标记 ， 浏 览 器 将 报告 一 个 错误 信息 ， 并 且 不 会 以 任何 形式 
显示 任何 文档 的 内 容 。 

(3) 不 含 数据 并 且 仅 使 用 一 个 标记 的 元 素 必 须 以 这 结束 。 

(4) 文档 只 能 包含 一 个 能 够 包含 全 部 其 他 元 素 的 根 元 素 。 如 : <students> 元 素 。 

(5) 元 素 只 能 嵌 套 不 能 重 登 。 

(6) 属性 值 必须 加 引号 。 如 : <address telephone="021-30008655"> 中 telephone 属性 的 值 
不 能 写成 < address telephone="021-30008655">。 


11.1.3. XML 数据 的 显示 


单独 用 XML 是 不 能 像 页 面 那样 显示 数据 的 ， 必 须 使 用 某 种 格式 化 技术 ， 比 如 CSS 或 者 
XSL， 才 能 显示 XML 标记 创建 的 文档 。 

前 面 已 经 讲 到 XML 是 将 数据 和 格式 分 离 的 。 XML 文档 本 身 不 知道 如 何 来 显示 数据 ， 必 
须 有 辅助 文件 来 帮助 实现 。 因 为 XML 取消 了 所 有 标识 ， 包 括 font, color 和 了 等 风格 样式 的 
定义 标识 ， 因 此 XML 全 部 是 采用 类 似 DHTML 中 CSS 的 方法 来 定义 文档 样式 。 

XML 中 用 来 设 定 显示 风格 样式 的 文件 类 型 通常 有 XSL 和 CSS 两 种 。 


1. 使 用 XSL 显示 XML 


XSL FKH eXtensible Stylesheet Language( 可 扩展 样式 表 语 言 )， 是 用 来 设计 XML 文档 
显示 样式 的 主要 文件 类 型 。 它 本 身 也 是 基于 XML 语言 的 。XSL 可 以 灵活 地 设置 文档 显示 样 
式 ，XSL 可 以 将 XML 转化 为 其 他 的 文档 ， 比 如 HTML 文档 ， 这 样 ， 就 可 以 在 浏览 器 上 显 
示 了 。 

下 面 用 一 个 简单 的 XSL 样式 表 来 说 明 如 何 显示 XML 文档 。 限 于 篇 幅 ， 本 书 无 法 详 述 
XSL， 有 兴趣 的 读者 可 以 参考 其 他 书籍 。 

【 例 11-2】 用 XSL 样式 表 显 示 XML 文档 。 

(1) 打开 网 站 XMLDemo， 在 【解决 方案 资源 管理 器 】 中 ， 用 鼠标 右键 单 击 网 站 名 ， 选 
择 【 添 加 新 项 】 命 令 ， 在 弹出 的 对 话 框 中 选择 【XSLT 文件 】 模 板 ， 新 建 XSL 样式 表 ， 默 认 
名 称 为 XSLTFile xslt。 
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(2) 在 XSLTFile.xslt 文档 中 添加 下 面 代码 。 


<?xml version="1.0" encoding="utf-8"?> 
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.ore/1999/XSL/Transform' 
xmlns:msxsl="um:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"> 
<xsl:template match="/"> 
<html> 
<body> 
<h2> 学 生 信息 </h2> 
<table border="1"> 
<tr bgcolor="#9acd32"> 
<th align="le 人 ft 人 > 学 号 </th> 
<th align="left"> 姓 名 </ 了 h> 
<th align="left"> 性 别 </th> 
<th align="left"> 年 龄 </ 了 h> 
<th align="left"> 住 址 </th> 
<> 
<xsl:for-each select="students/student"> 
<tr> 
<td> <xsl:value-of select="no" /> </td> 
<td> <xsl:value-of select="name" /> </td> 
<td> <xsl:value-of select="sex" /> </td> 
<td> <xsl:value-of select="birth" /> </td> 
<td> <xsl:value-of select="address" /> </td> 
<A> 
</xsl:for-each> 
</table> 
</body> 
</html> 
</xsl:template> 
</xsl:stylesheet> 


前 3 行 代码 是 系统 自动 生成 的 ， 包 括 版 本 说 明和 命名 空间 引用 等 。<template> 元 素 定义 
了 一 个 HTML 表格 。 表 格 的 单元 格 将 用 于 XML 文档 数据 显示 。 

(8) 打开 Defaultaspx 网 页 ， 在 页 面 上 添加 一 个 XML 控件 。 该 控件 在 工具 箱 的 【标准 】 
选项 卡 中 。 

(4) 设置 XML 控件 的 DocumentSource 和 TransformSource 属性 ， 将 DocumentSource 指 
向 studentinfo xml 文档 ，TransformSource 指向 XSLTFile xslt 文档 。 结 果 如 下 : 


<asp:Xml ID="Xmll" runat="server" DocumentSource="—/studentinfo.xml" 
TransformSource="~/XSLTFile.xslt"> </asp:Xml> 


(5) 保存 并 运行 网 站 ，studentinfo.xml 中 内 容 就 以 表格 的 形式 呈现 在 浏览 器 上 。 如 图 11-1 
所 示 。 
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学 生 信息 
学 号 姓名 性 别 年 龄 。。 住址 


u AS [1988-10-01 北京 
12 B Z [1989-01-12 上 海 


E 本 地 Intranet 
图 11-1 studentinfo xml 的 显示 效果 


2. 使 用 CSS 显示 XML 


CSS 大 家 很 熟悉 了 ， 全 称 是 Cascading Style Sheets( 层 又 样式 表 )， 是 目前 用 来 在 浏览 器 上 
显示 XML 文档 的 主要 方法 。 

下 面 用 一 个 简单 的 CSS 样式 表 来 说 明 如 何 显示 XML 文档 。 

【 例 11-3】 用 CSS 样式 表 显 示 XML 文档 。 


(1) 打开 网 站 XMLDemo， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【添加 新 
项 命令 ,在 弹出 的 对 话 框 中 选手 [样式 表 了 模板 , 新 建 CSS 样式 表 , 默认 名 称 为 StyleSheet.css。 
(2) 在 StyleSheet.css 样式 表 中 添加 如 下 所 示 的 代码 。 
name 
{ 
font-family: 宋体 , Arial, Helvetica, sans-serif: 
font-size: large; 
) 
no,sex, birth, address 
{ 
font-family: 宋体 , Arial, Helvetica, sans-serif; 
font-size: small; 


) 


G) 打开 studentinfo xml 文档 ， 添 加 下 面 一 行 代码 ， 建 立 与 StyleSheetcss 样式 表 的 关联 。 


<?xml-stylesheet href="StyleSheet.css" type="text/css" ?> 
<students> 


(4) 在 浏览 器 上 打开 studentinfo xml。 效 果 如 图 11-2 所 示 。 
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图 11-2 studentinfo.xml 的 显示 效果 


11.2 使 用 ADO.NET 访问 XML 


在 前 面 已 经 讨论 了 如 何 使 用 ADONET 访问 数据 库 的 问题 。 数 据 库 是 进行 数据 存储 和 管 
理 的 一 种 习惯 的 方式 ， 现 在 ，XML 已 逐步 成 为 数据 存储 的 一 种 新 的 方式 ， 因 此 可 以 考虑 将 
数据 保存 在 XML 文档 中 ， 并 采用 一 定 的 方法 对 它 进 行 管理 。ADONET 提供 了 对 XML 数据 
访问 的 功能 。 

下 面 介绍 如 何 使 用 ADONET 访问 XML 数据 。 


11.2.1 将 数据 库 数 据 转换 成 XML 


为 了 将 数据 库 数据 转换 成 XML 文档 ， 需 要 使 用 DataSet 的 WriteXml 方法 。WriteXml 
方法 只 要 指明 要 保存 的 XML 文档 的 路 径 和 文件 名 ,就 可 以 将 DataSet 中 数据 以 XML 的 形式 
保存 到 XML 文档 中 。 

【 例 11-4】 将 数据 库 数 据 转换 成 XML 文档 。 

(1) 打开 网 站 XMLDemo， 在 【解决 方案 资源 管理 器 】 中 ， 右 击 网 站 名 ， 选 择 【添加 新 
MIME, 在 弹出 的 对 话 框 中 选择 【SQL Server 数据 库 】 模 板 ， 更 改名 称 为 MyDatabase mdf， 
创建 数据 库 。 

(2) 在 MyDatabasemdf 数据 库 中 创建 student 表 ， 并 输入 模拟 数据 。 表 的 关系 模式 如 下 : 


Student(no, name, sex, birth, address) 


(3) 在 web.config 配置 文件 中 ， 修 改 <connectionStrings 放 标记 如 下 : 
<connectionStrings> 
<add name="ConnectionString" connectionString="Data Source=\SQLEXPRESS; 


AttachDbFilename=|DataDirectory\\ MyDatabase.mdf: Integrated Security=True;User Instance=True"/> 
</connectionStrings> 


(4) 新 建 网 页 write_xmlaspx， 在 页 面 上 添加 一 个 Label 控件 。 
(5) 给 write xmlaspx 添加 后 台 代码 如 下 。 
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// 引 用 命名 空间 
using System.Data.SqlClient: 


protected void Page Load(object sender, EventArgs e) 
t 
/从 Web.Config 中 取出 数据 库 连 接 串 


string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 


/创建 连接 对 象 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 

// 创 建 DataSet 对 象 

DataSet ds = new DataSet(); 

/打开 连接 

sqlconn.Open(); 

// 创 建 适配器 对 象 

SqlDataAdapter sqld = new SqlDataAdapter("select no,name,sex, CONVERT(char(10), birth,20) AS 
birth,address from student", sqlconn); 

// 利 用 适配器 方法 添加 数据 给 DataSet 


sqld Fill(ds, "student"); 
// 将 DataSet 数据 写成 XML 文本 
ds.WriteXml(Server.MapPath("students.xml")); 
sqlconn.Close(); 
Labell.Text=" 写 入 成 功 "; 

} 


(6) 运行 程序 ， 打 开 程 序 运行 时 保存 的 students.xml 文件 ， 内 容 如 下 : 


<?xml version="1.0" standalone="yes"?> 
<NewDataSet> 
<student> 
<no>1</no> 
<name> 张 小 兵 </name> 
<sex> 男 </sex> 
<birth>1989-06-28</birth> 
<address> 上 海 </address> 
</student> 
<student> 
<no>2</no> 
<name> 李 明 </name> 
<sex> 男 </sex> 
<birth>1988-05-01</birth > 
<address> 上 海 </address> 
</student> 


</NewDataSet> 
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可 以 看 出 ， 这 个 文档 保存 了 student 数据 表 中 所 有 的 数据 。 其 中 使 用 <NewDataSet> 作 为 
根 结 点 标记 ，<student> 作 为 每 个 记录 的 标记 (student 是 sqld Fill(ds, "student") 语 句 中 使 用 的 名 
字 )， 另 外 ， 每 个 字段 的 名 字 作 为 数据 元 素 的 标记 名 。 


11.2.2 ZE XML 文档 


使 用 DataSet 的 ReadXml 方法 可 以 读 取 所 有 XML 文档 数据 。 下 面 通过 【 例 11-5】 来 说 
明 读 取 XML 文档 的 方法 。 
【 例 11-5】 读 取 XML 文档 。 
(1) 打开 网 站 XMLDemo。 新 建 网 页 read_xmlaspx， 在 页 面 上 添加 1 个 GridView 控件 。 
(2) 给 read_xmlaspx 添加 后 台 代 码 如 下 。 


protected void Page Load(object sender, EventArgs e) 

{ 
DataSet ds = new DataSet(): 
// 读 取 XML 文本 数据 到 DataSet 数据 集 
ds.ReadXml(Server.MapPath("students.xml")); 
// 绑 定数 据 源 
GridView1.DataSource = ds. Tables[0].DefaultView; 
GridView1.DataBind(); 

) 


(3) 程序 执行 结果 如 图 11-3 所 示 。 
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图 11-3 read xml.aspx 的 运行 效果 


11.2.3 ”编辑 XML 文档 


编辑 XML 文档 的 方法 也 很 简单 ， 只 要 使 用 DataSet 的 ReadXml 方法 把 XML 数据 读 到 
DataSet 中 之 后 ， 修 改 相应 的 记录 值 ， 再 使 用 DataSet 的 WriteXml 方法 保存 XML 文档 就 可 
以 了 。 
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【 例 11-6】 编 辑 XML 文档 。 


(1) 打开 网 站 XMLDemo。 新 建 网 页 edit xml.aspx， 在 页 面 上 添加 1 个 GridView 控件 。 


(2) 给 edit_xml.aspx 添加 后 台 代 码 如 下 。 


protected void Page Load(object sender, EventArgs e) 
t 
/建立 DataSet 对 象 
DataSet ds = new DataSet(); 
ds.ReadXml(Server.MapPath("students.xml")); 
// 建 立 DataTable 对 象 
DataTable dtable; 
// 建 立 DataRowCollection 对 象 
DataRowCollection coldrow: 
/建立 DataRow 对 象 
DataRow drow; 
/将 数据 表 tabstudent 的 数据 复制 到 DataTable 对 象 
dtable = ds.Tables[0]; 


/用 DataRowCollection 对 象 获取 这 个 数据 表 的 所 有 数据 行 


coldrow = dtable.Rows; 
/修改 操作 ， 逐 行 遍历 ， 取 出 各 行 的 数据 
for (int inti = 0; inti < coldrow.Count inti++) 
í 
drow = coldrow[inti]; 
// 给 每 位 学 生 姓 名 后 加 上 字母 A 
drow[1] = drow[1] + "A"; 
) 
/将 DataSet 数据 写成 XML 文本 
ds. WriteXml(Server.MapPath("students.xml")); 
// 绑 定数 据 源 
GridView1.DataSource = ds.Tables[0] Default View; 
GridView1.DataBind(); 
) 


(3) 程序 执行 结果 如 图 11-4 所 示 。 
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图 11-4 edit_xmlaspx 的 运行 效果 
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经 过 修改 后 ， 每 个 学 生 姓 名 增加 了 大 写字 母 A。 可 以 看 到 ， 使 用 ADONET 编辑 XML 
文档 ， 实 际 上 就 是 对 DataSet 数据 集 数据 的 编辑 ， 使 用 非常 简单 。 
11.24 将 XML 写 入 数据 库 


XML 文本 内 容 写 入 数据 库 与 数据 库 的 数据 转换 为 XML 是 个 相反 的 过 程 ， 需 要 用 到 
DataAdapter 的 Update 方法 。 下面 列举 一 个 简单 的 例子 , 将 studentinfo.xml 文档 中 仅 有 的 学 号 
为 11 和 12 的 两 位 学 生 的 数据 ， 写 入 到 数据 库 的 student 表 中 。 

【 例 11-7】 将 XML 写 入 数据 库 。 
(1) 打开 网 站 XMLDemo。 新 建 网 页 xml table aspx， 在 页 面 上 添加 1 个 GridView 控件 。 
(2) 给 xml table aspx 添加 后 台 代码 如 下 。 


/引用 命名 空间 
using System .Data.SqlClient'; 


protected void Page Load(object sender, EventArgs e) 


t 


/从 Web.Config 中 取出 数据 库 连 接 串 

string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
/创建 连接 对 象 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 

// 创 建 DataSet 对 象 

DataSet ds = new DataSet(); 

/打开 连接 

sqlconn.Open():; 

// 创 建 适 配器 对 象 

SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn); 
// 利 用 适配器 方法 添加 数据 给 DataSet 

sqld Fill(ds, "student"); 

DataTable dt = ds.Tables["student"]: 

// 读 取 XML 

dt ReadXml(Server MapPath("studentinfo .xml")): 

// 自 动 生成 提交 语句 

SqlCommandBuilder objcb = new SqICommandBuilder(sqld): 
// 提 交 数 据 库 

sqld .Update(ds, "student"): 

/着 定数 据 源 

GridView1.DataSource = ds.Tables["'student'']| Default View; 
GridView1.DataBind(); 


= 
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(3) 程序 执行 结果 如 图 11-5 所 示 。 可 以 看 到 ， 新 增 了 11 和 12 号 两 位 学 生 。 
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图 11-5 xml table aspx 的 运行 效果 


11.2.5 ”将 XML 数据 转换 为 字符 串 


前 面 讲 到 的 所 有 方法 都 是 使 用 DataSet 来 进行 数据 处 理 的 。 在 实际 工作 中 ， 如 果 和 希望 进 
行 XML 数据 传输 ， 那 么 把 XML 数据 读 出 之 后 形成 字符 串 ， 即 把 数据 当成 字符 串 法 进行 处 
理 。 例 如 可 以 把 数据 写 在 一 个 普通 的 E-mail 中 发 送 给 其 他 的 用 户 ， 对 方 就 可 以 采用 普通 字符 
串 处 理 的 方法 得 到 数据 。 为 了 能 够 完成 上 述 功能 ，DataSet 还 提供 了 将 XML 数据 转换 为 字符 
串 的 方法 GetXml。 

【 例 11-8】 编 辑 XML 文档 。 
(1) 打开 网 站 XMLDemo。 新 建 网 页 Trans_xmlaspx， 在 页 面 上 添加 1 个 Label 控件 。 
(2) 给 Trans xml.aspx 添加 后 台 代 码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 


t 
DataSet ds = new DataSet(); 
// 读 取 XML 文本 数据 到 DataSet 数据 集 
ds.ReadXml(Server.MapPath("students.xml")); 
/将 DataSet 的 数据 转换 为 字符 串 
Labell.Text = ds.GetXml0; 

) 


(3) 程序 执行 结果 如 图 11-6 所 示 。 
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图 11-6 Trans xml.aspx 的 运行 效果 


113 使 用 NET 的 XML 类 访问 XML 


ASP.NET 通过 System.Xml 命名 空间 为 开发 人 员 提 供 了 操作 XML 的 所 有 功能 。 该 命名 
空间 包括 许多 类 ， 常 用 类 如 表 11-1 所 示 。 


表 11-1_System .Xml 命名 空间 常用 类 


类 说 了 明 

XmlReader 抽象 的 读 取 器 类 ， 提 供 快 速 、 没 有 缓存 的 XML 数据 。 XmlReader 是 只 向 前 的 ， 
类 似 于 SAX 分 析 器 

XmlWriter 抽象 类 的 写 入 器 ， 以 流 或 文件 的 格式 提供 快速 、 没 有 缓存 的 XML 数据 

XmlTextReader 扩展 XmlReader， 提 供 访问 XML 数据 的 快速 只 向 前 流 

XmlTextWriter 扩展 XmlWriter， 快 速生 成 只 向 前 的 XML 流 

XmlNode 抽象 类 ， 表 示 XML 文档 中 一 个 节点 的 类 。XML 命名 空间 中 几 个 类 的 基 类 

XmlDocument 扩展 XmlNode，W3C DOM 的 实现 , 给 出 XML 文档 在 内 存 中 的 树 形 表 示 ， 可 
以 浏览 和 编辑 它们 

XmlDataDocument 扩展 XmlDocument， 即 从 XML 数据 中 加 载 的 文档 ， 或 从 ADO.NET DataSet 
的 关系 数据 中 加 载 的 文档 ， 允 许 把 XML 和 关系 数据 混合 在 同一 个 视图 中 

XmlResolver 抽象 类 ， 分 析 基于 XML 的 外 部 资源 ， 例 如 DID 和 模式 引用 ， 也 可 以 用 于 处 
理 和 元 素 

XmlUrlResolver 扩展 XmlResolver， 用 URI(Uniform Resource Identifier) 解 析 外 部 资源 


有 关 XML 类 编程 技术 内 容 较 多 ， 本 书 在 此 仅 通过 下 面 的 【 例 11-9】 和 【 例 11-10】 来 
EWH XML 类 编程 的 过 程 。 


R 


z 
Irr 
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【 例 11-9】 将 数据 库 student 表 中 男 同学 的 数据 保存 到 XML 文档 中 。 
(1) 打开 网 站 XMLDemo。 新 建 网 页 write xml2.aspx， 在 页 面 上 添加 1 个 Label 控件 。 
(2) 给 write xml aspx 添加 后 台 代码 如 下 。 


/引用 命名 空间 
using System Data.SqlClient:; 
using System Xml; 


protected void Page Load(object sender, EventArgs e) 
t 
/从 Web.Config 中 取出 数据 库 连 接 串 
string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
// 创 建 连接 对 象 
SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 创 建 DataSet 对 象 
DataSet ds = new DataSet(); 
/打开 连接 
sqlconn.Open(); 
// 创 建 适配器 对 象 
SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
// 利 用 适配器 方法 添加 数据 给 DataSet 
sqld.Fill(ds, "student"); 
DataTable dt = ds.Tables["student"]; 
/创建 XML 文档 
XmlDocument xmldoc = new XmlDocument(); 
// 写 入 版 本 说 明 
XmlDeclaration xmldecl = xmldoc.CreateXmlDeclaration("1.0", "utf-8", "yes"); 
xmldoc.AppendChild(xmldecl); 
// 写 入 根 结 点 
XmlElement students = xmldoc.CreateElement("students"); 
xmldoc.AppendChild(students): 
/对 每 一 行 循环 
for (int i = 0; i < dt.Rows.Count; 1++) 


{ 


if (dt. Rows[i][2].ToString0=" 5") 
{ 
XmlElement student = xmldoc.CreateElement("student"); 
/循环 每 一 列 
for (int j = 0: j < dt.Columns.Count: j+) 
t 
XmlElement colname = xmldoc.CreateElement(dt.Columns[j].ColumnName); 
colname.InnerText = dt.Rowsļi][j].ToString0; 
student.AppendChild(colname); 
} 
students.AppendChild(student); 
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/将 xmldoc 数据 写成 XML 文本 
Xmldoc.Save(ServerMapPath("student men. xml"): 
sqlconn.Close(); 

Labell.Text=" 写 入 成 功 "; 


(3) 运行 程序 ， 打 开 程 序 运行 时 保存 的 student_men.xml 文件 ， 可 以 看 出 XML 文档 中 只 
保存 了 男生 的 数据 。 
【 例 11-10】 将 stadentinfo .xml 文档 中 男生 数据 写 到 student 数据 表 中 。 
(1) 打开 网 站 XMLDemo。 新 建 网 页 xml table2.aspx, 在 页 面 上 添加 1 个 GridView 控件 。 
(2) 给 xml table2 .aspx 添加 后 台 代 码 如 下 。 
/引用 命名 空间 


using System.Data.SqlClient; 
using System. Xml; 


protected void Page Load(object sender, EventArgs e) 


{ 


/从 Web.Config 中 取出 数据 库 连 接 串 

string sqlconnstr = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
// 创 建 连接 对 象 

SqlConnection sqlconn = new SqlConnection(sqlconnstr); 
// 创 建 DataSet 对 象 

DataSet ds = new DataSet|; 

// 打 开 连 接 

sqlconn.Open():; 

// 创 建 适 配器 对 象 

SqlDataAdapter sqld = new SqlDataAdapter("select * from student", sqlconn): 
// 利 用 适配器 方法 添加 数据 给 DataSet 

sqld Fill(ds, "student"); 

DataTable dt = ds.Tables["student"]; 

// 创 建 XML 文档 

XmlDocument xmldoc = new XmlDocument(): 

/ 读 取 xml 
Xmldoc.Load(ServerMapPath("studentinfo xml')); 
/得 到 整个 元 素 

XmlElement xmle = xmldoc.DocumentElement: 

/遍历 每 个 元 素 

for (int i = 0; i < xmle.ChildNodes.Count; r+) 

{ 


XmINode xmln = xmle.ChildNodes[i]: 
if (xmln.ChildNodes[2] InnerText = "") 
£ 
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DataRow newrow = dtNewRow0: 
newrow["no"]= xmln.ChildNodes[0].InnerText; 
newrow["name"] = xmln.ChildNodes[1].InnerText; 
newrow["sex"] = xmln.ChildNodes[2].InnerText; 
newrow["birth"] = xmln.ChildNodes[3].InnerText; 
newrow["address"] = xmln.ChildNodes[4].InnerText; 
dt.Rows.Add(newrow); 
) 

] 

/自动 生成 提交 语句 

SqlCommandBuilder objcb = new SqICommandBuilder(sqld); 

/提交 数据 库 

sqld.Update(ds, "student"); 

// 绑 定数 据 

GridView1.DataSource = ds.Tables["student''] Default View: 

GridView1.DataBind(); 

} 


(3) 程序 执行 结果 如 图 11-7 所 示 。 可 以 看 到 studentinfo.xml 文档 中 11 号 男生 数据 被 写 到 


了 数据 库 的 student 表 中 。 


入 无 标题 页 - Microsoft Internet Explorer [|F 
XPD SED SEV RRA IAV WHU 局 
HBE M) (Æ) http://Localhost:1054/XMLDeno/xa: v EJAS HE > 


no name sex birth address = 


1 张 小 兵 男 1989-6-28 0:00:00 上 海 
2 李 明 
3 王 彬 
4 陈 飞 
5 王 燕 
6 RR 
7 刘 华 
s E? 
9 Kt 


1988-5-100000 上海 
1989-9-25 0:00:00 郑州 
1988-6-8 0:00:00 ”洛阳 
1989-12-11 00000 沈 阳 
1987-7-21 0:00:00 广州 
1990-3-15 0:00:00 广州 
1989-6-11 0:00:00 深圳 
1989-6-1 0:00:00 ”沈阳 
1988-10-1 0:00:00 北京 


3 
3 
# 
x 
男 
< 
zd 
3 
3 


EJ 本 地 Intranet 


图 11-7 xml table2.aspx 的 运行 效果 


11.4 XML 的 应 用 和 发 展 前 景 


虽然 人 们 对 XML 的 某 些 技术 标准 尚 有 争议 ， 但 是 人 们 已 经 普 
巨大 潜力 ， 下 面 对 XML 应 用 和 发 展 前 景 作 一 个 简要 介绍 。 


11.4.1 XML 的 应 用 


遍 认识 到 XML 的 作用 和 


作为 互联 网 的 新 技术 ,XML 的 应 用 非常 广泛 ,可 以 说 XML 已 经 渗透 到 了 互联 网 的 各 个 
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角落 。 考 察 现 在 的 XML 应 用 ， 可 以 大 致 将 它 分 为 以 下 几 种 方面 。 
1. 数据 交换 


利用 XML 在 应 用 程序 之 间作 数据 交换 已 不 是 什么 秘密 了 ， 毫 无 疑问 应 被 列 为 第 一 位 。 
那么 为 什么 XML 在 这 个 领域 里 的 地 位 这 么 重要 呢 ? 原因 就 是 XML 使 用 元 素 和 属性 来 描述 
数据 。 在 数据 传送 过 程 中 ，XML 始终 保留 了 诸如 父 、 子 关系 这 样 的 数据 结构 。 几 个 应 用 程 
序 可 以 共享 和 解析 同一 个 XML 文件 ， 不 必 使 用 传统 的 字符 串 解析 或 拆 解 过 程 。 

相反 ， 普 通 文件 不 对 每 个 数据 段 做 描述 ， 也 不 保留 数据 关系 结构 。 使 用 XML 做 数据 交 
换 可 以 使 应 用 程序 更 具有 弹性 , 因为 可 以 用 位 置 (与 普通 文件 一 样 或 用 元 素 (从 数据 库 ) 来 存 取 
XML 数据 。 

2. Web 服务 


Web 服务 是 最 令 人 激动 的 革命 之 一 , 它 让 使 用 不 同系 统 和 不 同 编程 语言 的 人 们 能 够 相互 
交流 和 分 享 数 据 。 其 基础 在 于 Web 服务 器 用 XML 在 系统 之 间 交 换 数据 。 交 换 数据 通常 用 
XML 标记 ， 能 使 协议 取得 规范 一 致 ， 比 如 在 简单 对 象 处 理 协议 (Simple Object Access Protocol, 
SOAP) 平 台 上 。 

SOAP 可 以 在 用 不 同 编程 语言 构造 的 对 象 之 间 传 递 消息 。 这 意味 着 一 个 C# 对 象 能 够 与 
一 个 Java 对 象 进行 通讯 。 这 种 通讯 甚至 可 以 发 生 在 运行 于 不 同 操作 系统 上 的 对 象 之 间 。 
DCOM, CORBA BË Java RMI 只 能 在 紧密 耦合 的 对 象 之 间 传 递 消息 ，SOAP 则 可 在 松 耦 合 对 
象 之 间 传递 消息 。 


3. 内 容 管理 


XML 只 用 元 素 和 属性 来 描述 数据 ， 而 不 提供 数据 的 显示 方法 。 这 样 ，XML 就 提供 了 一 
个 优秀 的 方法 来 标记 独立 于 平台 和 语言 的 内 容 。 

使 用 像 XSLT 这 样 的 语言 能 够 轻易 地 将 XML 文件 转换 成 各 种 格式 文件 ， 比 如 HTML, 
WML, PDF, EDI 等 等 。XML 具有 的 能 够 运行 于 不 同系 统 平 台 之 间 和 转换 成 不 同 格式 目标 
文件 的 能 力 使 得 它 成 为 内 容 管理 应 用 系统 中 的 优秀 选择 。 


4. Web 集成 
现在 有 越 来 越 多 的 设备 支持 XML 了 。 使 得 Web 开发 商 可 以 在 个 人 电子 助理 和 浏览 器 之 
间 用 XML 来 传递 数据 。 


为 什么 将 XML 文本 直接 送 进 这 样 的 设备 去 呢 ? 这 样 做 的 目的 是 让 用 户 更 多 地 自己 掌握 
数据 显示 方式 , 更 能 体验 到 实践 的 快乐 。 常规 的 客户 /服务 (C/S) 方 式 为 了 获得 数据 排序 或 更 换 
显示 格式 ， 必 须 向 服务 器 发 出 申请 ， 而 XML 则 可 以 直接 处 理 数据 ， 不 必 经 过 向 服务 器 申请 
查询 ， 返 回 结果 这 样 的 双向 “旅程 ”， 同 时 设备 也 不 需要 配制 数据 库 ， 甚 至 还 可 以 对 设备 上 
的 XML 文件 进行 修改 并 将 结果 返回 给 服务 器 。 

5. 配置 文件 


许多 应 用 都 将 配置 数据 存储 在 各 种 文件 里 ， 比 如 .INI 文件。 虽然 这 样 的 文件 格式 已 经 使 
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多 年 并 一 直 很 好 用 ， 但 是 XML 还 是 以 更 为 优秀 的 方式 为 应 用 程序 标记 配制 数据 。 使 
NET 里 的 类 ,如 XmlDocument 和 XmlTextReader， 将 配置 数据 标记 为 XML 格式 , 能 使 其 
更 具 可 读 性 ， 并 能 方便 地 集成 到 应 用 系统 中 去 。 使 用 XML 配制 文件 的 应 用 程序 能 够 方便 地 
处 理 所 需 数据 ， 不 用 像 其 他 应 用 那样 要 经 过 重新 编译 才能 修改 和 维护 应 用 系统 。 


11.4.2 XML 的 发 展 前 景 


sem 


XML 自 推 出 以 来 ,尤其 是 在 1998 年 2 月 成 为 W3C 推荐 标准 以 来 ， 受 到 了 广泛 的 支持 。 
各 大 软件 厂商 如 IBM. Microsoft, Oracle, Sun 等 都 积极 支持 并 参与 XML 的 研究 和 产品 化 工 
作 ， 先 后 推出 了 支持 XML 的 产品 或 者 改造 原 有 的 产品 以 支持 XML, W3C 也 一 直 致 力 于 完 
善 XML 的 整个 理论 体系 。 

XML 虽然 获得 了 极 大 的 支持 ， 但 是 它 还 有 一 段 路 要 走 。 首 先 ，XML 的 规则 还 有 许多 技 
术 细 节 没 有 解决 。 其 次 ， 现 在 虽然 出 现 了 一 些 XML 工具 和 应 用 ， 但 是 其 市 场 反应 还 有 待 进 
一 步 观察 。 另 外 如 何 让 更 多 的 人 迅速 学 会 使 用 XML， 并 利用 它 进行 开发 ， 进 而 促进 XML 的 
应 用 也 是 一 个 问题 。XML 的 出 现 和 迅猛 发 展 并 不 意味 着 HTML 即将 退出 互联 网 舞台 。 由 于 
HTML 的 易学 易 用 和 非常 多 的 工具 支持 ，HTML 将 在 较 长 的 时 间 里 继续 在 Web 舞台 上 充当 
主角 。 但 如 果 用 户 想 超越 HIML 的 范围 ，XML 将 是 最 佳 的 选择 。 

另外 ， 由 于 XML 是 用 于 自 定义 标记 的 元 语言 ， 任 何 个 人 、 公 司 和 组 织 都 可 以 利用 它 来 
定义 自己 的 标记 语言 ， 这 虽然 是 XML 的 魅力 和 灵活 性 之 所 在 ， 但 同时 也 是 XML 的 最 大 问 
题 之 所 在 。 如 果 每 个 人 、 公 司 和 组 织 都 定义 了 自己 的 标记 语言 ， 它 们 之 间 的 通信 就 会 出 现 困 
难 。 因 此 在 一 些 领 域 先后 出 现 了 一 些 标准 化 组 织 ， 它 们 的 任务 就 是 规范 本 领域 的 标记 语言 ， 
形成 统一 的 标准 ， 使 得 在 本 领域 内 的 通信 成 为 可 能 。 但 在 标准 推出 并 得 到 广泛 认可 之 前 ， 各 
自 为 政 的 局 面 将 继续 下 去 。 更 糟糕 的 是 ， 由 于 对 应 用 的 理解 不 一 致 和 商业 利益 等 原因 ， 同 一 
个 领域 也 许 还 有 多 个 标准 化 组 织 ， 它 们 形成 的 标记 语言 并 不 完全 兼容 ， 使 得 采取 不 同 标准 的 
计算 机 仍然 难以 通信 。 

无 论 如 何 ，XML 的 出 现 使 互联 网 跨 入 了 一 个 新 的 阶段 ， 它 已 成 为 因特网 领域 中 一 个 重 
要 的 数据 交换 标准 和 开发 平台 。 没 有 XML 就 没有 Web 服务 ， 也 就 没有 今天 构建 应 用 软件 的 
321210 SOA(Service Oriented Architecture), XML 的 诞生 已 经 而 且 将 继续 促使 全 新 种 类 
的 基础 架构 和 应 用 程序 的 产生 ， 而 这 些 新 的 基础 架构 和 应 用 程序 又 将 需要 新 的 软件 和 硬件 工 
具 。 可 以 预测 ， 无 论 是 在 软件 还 是 硬件 上 ，XML 都 将 开辟 一 系列 的 新 市 场 ， 促 成 互联 网 上 
新 的 革命 。 


实验 11 XML 编程 


1. 实验 目的 
进一步 熟悉 XML 概念 ， 掌 握 ASP.NET 中 XML 编程 方法 。 
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2. 实验 内 容 和 要 求 


(D) 将 MyDatabase mdf 数据 库 student 表 的 数据 写成 XML 文档 , 要 求 只 转 出 name. sex, 
binh 这 3 列 ，XML 文档 的 名 称 为 stuxml。 

(2) 创建 XSL 文件 ， 并 以 表格 的 形式 显示 stu xml。 

G) 在 MyDatabase mdf 中 新 建 men 数据 表 ， 将 stuxml 文档 中 男生 信息 写 到 men 表 中 。 

(A) 将 sm xml 文档 中 学 生 姓 名 name 后 面 增加 “学 生 ” 字样。 

(5) 在 shu xml 文档 中 新 增 一 个 学 生 的 数据 。 
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在 网 络 经 济 与 电子 商务 迅猛 发 展 的 今天 ， 越 来 越 多 的 企业 认识 到 建立 网 站 的 必要 性 。 网 
站 是 展示 自己 产品 和 提升 企业 形象 的 网 络 平台 。 但 是 如 何 有 效 地 发 布 产品 信息 、 服 务 信息 和 
企业 信息 ， 在 各 种 资源 调配 上 做 到 管理 有 序 ， 这 都 是 对 企业 网 络 平台 的 重大 挑战 。 

本 章 将 介绍 一 个 典型 的 企业 网 站 。 通 过 学 习 ， 读 者 将 会 对 企业 网 站 有 一 个 系统 认识 。 在 
此 基础 上 ， 调 研 某 一 个 企业 的 自身 的 需求 ， 便 可 以 制作 实用 的 企业 网 站 。 

本 章 的 学 习 目标 

e 进一步 熟悉 ASPNET 编程 技术 

o 掌握 Web 控件 使 用 方法 

e 如 何 让 ADONET 编程 更 加 简洁 

e 熟悉 网 站 的 制作 过 程 


12.1 系统 设计 


结合 中 小 企业 的 实际 。 在 需求 分 析 的 基础 上 ， 给 出 如 下 设计 : 概念 结构 设计 、 数 据 库 设 
计 和 功能 设计 。 


12.1.1 需求 分 析 


企业 网 站 的 栏目 和 功能 各 不 相同 。 通 过 对 中 小 企业 的 调查 分 析 ， 开 发 小 组 认为 中 小 企业 
网 站 主要 的 栏目 和 功能 应 该 包括 : 企业 简介 ， 让 用 户 了 解 企业 文化 、 理 念 、 历 史 和 规模 ， 联 
系 方式 ， 让 用 户 可 以 及 时 与 企业 沟通 :企业 新 闻 ， Roy 发 展 动态 和 
优惠 措施 等 ;产品 和 服务 ， 介 绍 产 品 的 图 片 、 规 格 、 型 号 、 价 格 、 功 能 等 信息 ， 介 绍 企业 所 
提供 的 各 项 服务 ， 同 时 提供 网 站 后 台 管 理 功能 。 


12.1.2 ”概念 结构 设计 


系统 的 E-R 图 (图 中 省 略 了 实体 和 联系 的 属性 )， 如 图 12-1 所 示 ， 每 个 实体 及 属性 如 下 。 
新 闻 信息 : 流水 号 、 新 闻 标题 、 新 闻 内 容 、 新 闻 类 别 、 添 加 时 间 、 阅 读 次 数 。 
新 闻 类 别 : 流水 号 、 新 闻 类 别 。 
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产品 : 流水 号 、 产 品名 称 、 产 品 价格 、 产 品 图 片 、 产 品类 别 、 产 品 介绍 。 
产品 类 别 : 流水 号 、 产 品类 别 。 
JP: 用 户 名 、 密 码 、 真 实 姓名 、 电 话 、 地 址 、 邮 编 。 


图 12-1 E-R 图 


12.1.3 ”数据库 设 计 


在 图 12-1 所 示 的 E-R 图 中 ， 有 5 个 实体 、1 个 多 对 多 联系 和 2 个 一 对 多 联系 。 由 于 每 个 
实体 可 以 用 一 张 表 表示 ， 每 个 多 对 多 联系 也 可 以 用 一 张 表 表 示 ， 而 一 对 多 的 联系 不 需要 建新 
表 ， 所 以 ， 把 E-R 图 转换 成 数据 库 的 6 张 表 就 可 以 了 。 

这 6 张 表 分 别 是 新 闻 信 息 表 、 新 闻 类 别 表 、 产 品 表 、 产 品类 别 表 、 订 单 表 和 用 户 表 。 表 
的 结构 如 表 12-1 EK 12-6 所 示 。 


表 12-1 新 闻 信息 表 


列 名 数据 类 型 长 E 说 阴 
流水 号 Bigint 8 主键 
新 闻 标题 Nyvarchar 50 
新 闻 内 容 Ntext 16 
新 闻 类 别 Nvarchar 10 外 键 
添加 时 间 smalldatetime 4 
阅读 次 数 Int 4 默认 为 0 


列 名 
流水 号 
新 闻 类 别 


说 BH 
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表 12-3 产品 表 
列 名 数据 类 型 长 度 说 BB 

流水 号 Bigint 8 主键 
产品 名 称 Nyvarchar 50 
产品 价格 Int 4 
产品 图 片 Varchar 50 图 片 文件 名 
产品 类 别 Varchar 10 外 键 

品 介绍 Ntext 16 


列 


流水 号 


产品 类 别 
表 12.5 用 户 表 
列 名 | 数据 类 型 | 长 度 说 明 
用 户 名 20 主键 
密友 10 
真实 姓名 so 
电话 so 
地 址 so 
邮编 6 
管理 员 标 志 [st | 1 默认 0， 表 示 一 般 用 户 
表 12.6 订单 表 
列 名 数据 类 型 mam 
流水 号 Bigint 主键 
产品 流水 号 Bigint 
订购 数量 Int 
用 户 名 Nvarchar 
订购 日 期 Datetime 
处 理 标志 Bit 默认 0， 表示 未 处 理 


12.1.4 功能 设计 


网 站 功能 包括 : 
新 闻 添 加 、 订 单 管理 


等 ， 如 图 


产品 、 新 闻 、 联 系 我 们 、 产 品 订购 、 产 
12-2 所 示 。 


口 A. 


hn 已 


理 、 产 品 添加 、 新 闻 管 理 、 
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企业 网 站 系统 
产 | | 新 
| | 


首先 启动 VWD 2008， 新 建 网 站 。 然 后 在 【解决 方案 资源 管理 器 】 中 ， 用 鼠标 右键 单 
击 网 站 名 ， 选 择 【 添 加 新 项 】 命 令 ， 在 弹出 的 对 话 框 中 选择 【SQL Server 数据 库 】 模 板 ， 创 
建 名 称 为 “实例 数据 库 .mdf” 的 数据 库 。 最 后 ， 在 数据 库 中 建立 表 12-1 ER 12-6 所 示 的 数 

下 面 详细 介绍 程序 设计 。 

1224 设置 数据 库 连接 信息 


Web.Config 是 Web 应 用 程序 或 者 网 站 的 配置 文件 。 虽 然 说 Web.Config 也 是 个 文本 文 
件 ， 但 和 网 页 有 所 不 同 ， 用 户 不 能 用 浏览 器 浏览 Web.Config 文件 。 

每 张 访问 数据 库 的 网 页 都 需要 与 数据 库 连 接 ， 如 果 把 数据 库 连 接 信息 放 到 网 页 上 ， 那 么 
修改 数据 库 连 接 信息 将 非常 烦琐 。 因 此 ， 通 常 把 数据 库 连 接 信息 放 到 Web.Config 配置 文 
件 中 。 

在 Web.Config 配置 文件 中 设置 数据 库 连接 信息 ， 添 加 语句 如 下 : 


<connectionStrings> 


EE 
加 当当 


修 
改 
注 
册 
信 
E 


图 12-2 功能 设计 


122 程序 设计 


<add name="ConnectionString" connectionString="Data Source=\SQLEXPRESS; 
AttachDbFilename=|DataDirectory\ 实 例 数据 库 MDF:Integrated Security=True:User Instance=True"/> 

</connectionStrings> 

需要 几 点 说 明 : 

(1) Data Source 表示 SQL Server 2005 服务 器 名 称 ，\SQLEXPRESS 是 本 地 SQL Server 

2005 Express 版 默认 的 服务 器 名 称 。 
(2) AttachDbFilename 表示 数据 库 的 路 径 和 文件 名 。 
(3) |DataDirectory| 表 示 网 站 默认 数据 库 路 径 。 
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12.2.2 ”访问 数据 库 公 共 类 
本 章 实例 编写 了 一 个 BaseClass.cs 类 ， 负 责 数据 库 数据 的 操作 。 
1. BaseClass.cs 类 的 创建 


在 【解决 方案 资源 管理 器 】 中 ， 用 鼠标 右键 单 击 网 站 名 ， 选 择 【 添 加 新 项 】 命 令 ， 在 弹 
出 的 对 话 框 中 选择 【类 】 模 板 ， 更 改名 称 为 BaseClass .cs， 如 图 12-3 所 示 。 


ZIMNA - D:\FebSitel\ 


mo: 
Visual Studio 已 安装 的 模板 


gires gsn 

国 ATAK Yeb 窗 体 SJAA EPRE 
时]ATAX 客户 端 行为 Oan 母 版 页 

时 ]JSeript 文件 ALN to SQL 类 

Egr 服务 ajro 服务 

aj zee xsLT 文件 

pjanca GBAT ATAX 的 YCF 服务 
amas game 


人 习 一般 处 理 程序 


BaseClass. cs 


Visual C# 


图 12-3 创建 BaseClass.cs 类 对 话 框 


2. BaseClass.cs 的 主要 代码 及 其 解释 


(1) BaseClass 类 被 包含 在 GROUP.Manage 命名 空间 中 ， 以 后 需要 使 用 BaseClass 类 的 页 
面 ， 必 须 在 页 面 开头 使 用 using GROUP.Manage 语句 引用 命名 空间 。 类 结构 代码 如 下 : 


namespace GROUP.Manage 
{// 命 名 空间 开始 
public class BaseClass: System. Web.ULPage 
{// 类 定义 开始 
String strConn; // 类 变量 
public BaseClass() /构造 函数 
£ 
/在 构造 函数 中 ， 取 数据 库 连接 串 
strConn = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString; 
} 
… 几 个 方法 的 定义 
}// 类 定义 结束 
} // 命 名 空间 结束 


(2) 方法 public DataTable ReadTable(String strSqD 用 来 从 数据 库 读 取 数 据 ， 并 返回 一 个 
DataTable。 代 码 如 下 : 


+286 。 ASPNET 3.5 网 站 开发 实例 教程 


public DataTable ReadTable(String strSql) 

{ 
// 创 建 一 个 DataTable 
DataTable dt=new DataTable(); 
/定义 新 的 数据 连接 控件 并 初始 化 
SqlConnection Conn = new SqlConnection(strConn); 
/打开 连接 
Conn.Open0; 
/定义 并 初始 化 数据 适配器 
SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn); 
/将 数据 适配器 中 的 数据 填充 到 DataTable 中 
Cmd.Fill(dt); 
// 关 闭 连接 
Conn.Close(); 
/方法 返回 参数 为 DataTable 
retum dt; 


) 


(3) 方法 public DataSet ReadDataSet(String strSql) 也 是 用 来 从 数据 库 读 取 数 据 ， 不 同 的 是 
返回 一 个 DataSet。 代 码 如 下 : 


public DataSet ReadDataSet(String strSql) 
{ 
// 创 建 一 个 数据 集 DataSet 
DataSet ds=new DataSet(): 
// 定 义 新 的 数据 连接 控件 并 初始 化 
SqlConnection Conn = new SqlConnection(strConn); 
/打开 连接 
Conn.Open(); 
// 定 义 并 初始 化 数据 适配器 
SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn); 
// 将 数据 填充 到 数据 集 DataSet 中 
Cmd Fill(ds): 
// 关 闭 连接 
Conn.Close():; 
// 方 法 返回 参数 为 DataSet 
return ds; 


) 


(4) 方法 public DataSet GetDataSet(String strSql. String tableName) 和 ReadDataSet 几乎 完 
全 相同 ， 只 是 多 了 个 tableName 参数 。 代 码 如 下 : 


public DataSet GetDataSet(String strSql, String tableName) 
{ 
// 创 建 一 个 数据 集 DataSet 
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DataSet ds = new DataSet(); 

/定义 新 的 数据 连接 控件 并 初始 化 

SqlConnection Conn = new SqIConnection(strConn): 
/打开 连接 

Conn.Open0; 

/定义 并 初始 化 数据 适配器 

SqlDataAdapter Cmd = new SqlDataAdapter(strSql Conn); 
/将 数据 填充 到 数据 集 DataSet 中 

Cmd.Fill(ds, tableName); 

/关闭 连接 

Conn.Close(); 

/方法 返回 参数 为 DataSet 

Tetum ds: 


} 


(5) 方法 public SqlDataReader readrow(String sqD) 执 行 SQL 查询 ， 并 返回 一 个 Reader。 代 
码 如 下 : 


public SqlDataReader readrow(String sql) 


{ 
// 连 接 数 据 库 
SqlConnection Conn = new SqIConnection(strConn): 
Conn.Open0: 
/定义 并 初始 化 Command 控件 
SqlCommand Comm = new SqlCommand(sql Conn); 
/创建 Reader 控件 ， 并 添加 数据 记录 
SqlDataReader Reader = Comm ExecuteReader(): 
/如 果 Reader 不 为 空 ,返回 Reader， 否 则 返回 null 
if (Reader.Read0) 
t 
Comm.DisposeO; 
retum Reader; 
} 
else 
t 
Comm.Dispose(); 
retum null; 
$ 
} 


(6) 方法 public string Readstr(String strSql, int flag) 返 回 查询 结果 第 1 行 某 一 字段 的 值 。 代 
码 如 下 : 


public string Readstr(String strSql, int flag) 
t 
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/创建 一 个 数据 集 DataSet 
DataSet ds=new DataSet(); 
String str; 
/定义 新 的 数据 连接 控件 并 初始 化 
SqlConnection Conn = new SqIConnection(strConn): 
/打开 连接 
Conn.Open0; 
/定义 并 初始 化 数据 适配器 
SqlDataAdapter Cmd = new SqlDataAdapter(strSql, Conn); 
/将 数据 填充 到 数据 集 DataSet 中 
Cmd.Fill(ds); 
// 取出 DataSet 中 第 一 行 第 “flag” 列 的 数据 
str=ds.Tables[0].Rows[0].ItemArray[flag].ToString0; 
/关闭 连接 
Conn.Close(); 
/返回 数据 
retum str; 


} 


(7) 方法 public void execsql(String strSqD) 用 来 执行 SQL 更 新 语句 。 代 码 如 下 : 


public 
{ 


void execsql(String strSql) 


// 定 义 新 的 数据 连接 控件 并 初始 化 

SqlConnection Conn = new SqlConnection(strConn); 
// 定 义 并 初始 化 Command 控件 

SqlCommand Comm = new SqlCommand(strSql, Conn); 
/打开 连接 

Conn.Open():; 

// 执 行 命令 

Comm.ExecuteNonQuery(); 

// 关 闭 连接 

Conn.Close():; 


} 


1223 ”和 母 版 页 


添加 母 版 页 ， 名称 为 MasterPage.master。 在 母 版 页 中 添加 一 个 ScriptManager 控件 ， 这 是 


很 重要 的 。 
中 ， 其 他 用 


因为 很 多 页 面 用 到 ASP.NET AJAX 无 页 面 刷新 技术 ， 直 接 把 该 控件 放 到 母 版 页 
到 该 母 版 页 的 页 面 就 不 需要 单独 添加 ScriptManager 控件 了 。 


母 版 页 上 有 几 个 主要 的 div， 分 别 设置 标题 图 片 、 导 航 、 内 容 和 底部 信息 。 新 建 一 个 样 
式 文件 StyleSheetcss， 定 义 网 站 主要 样式 。 母 版 页 设计 的 最 终 效果 如 图 12-4 所 示 。 
部 分 HTML 代码 如 下 : 


<asp:ScriptManager ID="ScriptManagerl" runat="server"> 
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</asp:ScriptManager> 
<div id="maindiv"> 
<div id="HeadDiv"> <br /> <br /> <br /> <br /> <br /> 
您 是 第 <strong style="font-size: 14pt color: #ffec66;"><%=Application["counter"]%></strong> 位 访 
问 者 ! <br/> </div> 
<div id="MenuDiv"> 
| <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Default.aspx"> 首 页 
</asp:HyperLink> 
| <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/about.aspx"> 关 于 公司 
</asp:HyperLink> 
| <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/shownews.aspx?id=%"> 新 闻 
</asp:HyperLink> 
| <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/showpros.aspx?id=%"> 产 品 
</asp:HyperLink> 
| <asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/address.aspx"> 联 系 我 们 
</asp:HyperLink> | </div> 
<div id="ContentDiv" style="background-color: #ffffff."> 


<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 

</asp:ContentPlaceHolder> </div> 

<div id="EndimageDiv"> </div> 

<div id="EndDiv"> 
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/admin default.aspx" 
Target="”blank"> 管 理 入 口 </asp:HyperLink><br > 

CopyRight &copy: 2008-2009 xingkongsoft All Right Reserved.<br /> 
星空 软件 研究 室 版 权 所 有 E-mail:xingkongsoft@163.com 


</div> 
</div> 
Scriptlanager - Scriptllanagerl 
mama HENARE 
wwu ww rvu 


CONPUTER MANUFACTURER CO.,LTD 
您 是 第 位 访问 者 ? 


管理 入 口 
CopyRight © 2008-2009 xingkongsoft All Right Reserved. 
星空 软件 研究 室 版 权 所 有 PE-mail :xingkongsoft8163. com 


图 12-4 母 版 页 设计 页 面 


该 网 站 只 设计 一 个 母 版 页 ， 在 实际 工作 中 ， 可 以 根据 需要 为 不 同 的 栏目 设计 各 自 的 母 版 
页 ， 展 现 不 同 的 栏目 个 性 。 
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1224 ”默认 主页 


该 网 站 默认 主页 Defaultaspx， 如 图 12-5 所 示 。 


massa sF3ETUE EE Z EJ 


CONPUTER MANUFACTURER CO_LTD 


* AB353288 BESRMOESEESD 2001-4-3 || *EFiEmS 27-5 
**res66x MERNEGOSEE 2007-4-3 || .七 训 到 二 内 5 传 和 城 币 -河南 省 法 几 而 2009-7-25 
“ 识 保修 自己 双手 ++ismemena 2007-4-3 |] RERET 2008-1-25 
-ERSA mp 笔直 电 油 合用 专 宗 拓 南 2007-4-3 | -ERER 12.1 基 商务 本 TeP 上 市 zor- 
APER 
HPZ: ] 
下 证 徘 03208 * aceso ==: 
* fg: 时 5996 元 * f: yoe 
wexaw * mM: HENA ma mem” + RI: HEN enfre 
© Koso ?GT300cT-T 放 可 版 ga 


* 价格 : vao 元 * 价格: veo 元 
taa: 计算机 区 == == * 9: 配件 


图 12-5 默认 主页 


1. Default.aspx 的 HTML 主要 代码 


Default aspx 主要 控件 包括 : 用 于 显示 行业 和 企业 新 闻 的 2 个 GridView 控件 ，1 个 展现 
企业 产品 的 DataList 控件 ， 还 有 用 于 用 户 登录 和 注册 的 用 户 控件 。 主 要 代码 如 下 : 


<div class="divtabletop" style="width: 356px;height: 19px" > :: 企 业 新 闻 
<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="shownews.aspx?id= 企 业 新 闻 
">More>></asp:HyperLink></div> 
<div class="divtablebody" style="width: 356px; height: 135px"> 
<asp:GridView ID="GridViewl" runat="server" Height="131px" PageSize="6" ShowHeader="False" 
Width="336px" GridLines="None" AutoGenerateColumns="False" 
Font-Overline="False" CssClass="font" Font-Italic="False"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="shownew.aspx?id={0}" 
DataTextField=" 新 闻 标题 " DataTextFormatString="&#183; {0} "> 
<ItemStyle Font-Overline="False" Horizontal Align="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 添 加 时 间 " DataFormatString="{0:d}" > 
</Columns> 
</asp:GridView> </div> 


<div class="divtabletop" style="width: 357px;height:19px" >:: 行 业 新 闻 
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<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl=-"shownews.aspx?id= 业 内 新 闻 
">More>></asp:HyperLink> </div> 
<div class="divtablebody" style="width: 357px;height:135px" > 
<asp:GridView ID="GridView2" runat="server" Height="131px" PageSize="6" 
ShowHeader="False" Width="336px" GridLines="None" AutoGenerateColumns="False" 
CssClass="font"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="shownew.aspx?id={0}" 
DataTextField=" 新 闻 标 题 " DataTextFormatString="&#183;{0}"> 
<ItemStyle Font-Overline="False" Horizontal Align="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 添 加 时 间 " DataFormatString=" {0:d}" > 
</Columns> 
</asp:GridView> </div> 


<div class="divtabletop" style="width:524px; height: 19px" >:: 企 业 产品 
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="showpros.aspx?id=%">More>> 
</asp:HyperLink> </div> 
<div class="divtablebody" style="width:524px:height: 265px" > 
<asp:DataListID="DataListl" runat="server" Height="248px" RepeatColumns="2" 
RepeatDirection="Horizontal” Width="512px" Font-Names=" 宋 体 " Font-Size="12px"> 
<ItemTemplate> 
<table border="0" cellpadding="0" cellspacing="0" style="font-size: 12px; font-family: 宋体 " > 
<tr> <td align="center" rowspan="2" valign="middle" > 
<a href='showpro.aspx?id=<%# DataBinder.Eval(Container.Dataltem, "流水 号 ")%> > 
<img height="60" src=image/<%# DataBinder Eval(Container Dataltem, "产品 图 片 ")%> 
width="100" style="border-top-style: none: border-right-style: none: border-left-style: none: 
border-bottom-style: none" alt="a" /></a></td> 
<td valign="middle" style="width: 150px; height: 22px:" align="left"> 
<img height="15" src="image/dot 1.gif' style="width: 25px" alt="d" /><a 
href='showpro.aspx?id=<%# DataBinder.Eval(Container.Dataltem, "流水 号 ")9%6> '><strong><%# 
DataBinder.Eval(Container.Dataltem, "产品 名 称 ")96></strong></a></td> </tr> 
<tr> <td style="width: 150px; height: 53px" align="left"> 
<img height="11" src="image/dot_1.gif" width="24" alt="b" >i: Y <%8# 
DataBinderEval(Container Dataltem, "产品 价格 ")%> 元 <br > <br/> 
<img height="11" sre="image/dot_1.gif" width="24" alt="c" /> 类 别 : 
<a href'showpros.aspx?id=<%# DataBinder.Eval(Container.DataItem, "产品 类 别 ")%>'> 
<%# DataBinder.Eval(Container.Dataltem, "产品 类 别 ")%> </a> </td> </tr> 
</table> 
</ItemTemplate> 
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</asp:DataList> </div> 
<ucl:Userlogin id="Userlogin1_1" runat="server"></uc1:Userlogin> 


2. Default.aspx.cs 的 主要 代码 及 其 解释 

(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 。 
BaseClass BaseClass1 = new BaseClass0: 

(2) 每 次 加 载 时 显示 企业 新 闻 、 业 内 新 闻 和 产品 信息 。 


protected void Page Load(object sender, EventArgs e) 
{ 

string strsql; 

/定义 查询 企业 新 闻 SQL 语句 ， 返 回 前 6 条 记录 

strsql= "SELECT top 6 流水 号 ,新 闻 标 题 ,添加 时 间 FROM 新 闻 信 息 where 新 闻 类 别 =' 企 业 新 
闻 ' order by 流水 号 desc "; 

// 把 结果 返回 到 DataTable 中 

DataTable dt = BaseClass1.ReadTable(strsql); 

// 指 定 GridView 数据 源 

GridView1.DataSource = dt; 

/GridView 显示 数据 

GridView1.DataBind0): 

/定义 查询 业内 新 闻 SQL 语句 ， 返 回 前 6 条 记录 

strsql = "SELECT top 6 流水 号 ,新 闻 标 题 ,添加 时 间 FROM 新 闻 信 息 where 新 闻 类 别 =' 业 内 新 
闻 ' order by 流水 号 desc "; 

// 把 结果 返回 到 DataTable 中 

dt = BaseClass1.ReadTable(strsql): 

/指定 GridView 数据 源 

GridView2.DataSource = dt; 

// GridView 显示 数据 

GridView2 DataBindO): 

/定义 查询 产品 信息 SQL 语句 ， 返 回 前 4 条 记录 

strsql = "select top 4 * from 产品 orderby 流水 号 "; 

/把 结果 返回 到 DataTable 中 

dt = BaseClass1.ReadTable(strsql); 

/指定 GridView 数据 源 

DataListl.DataSource = dt: 

/GridView 显示 数据 

DataList1 DataBind(): 
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12.2.5 “新闻 列表 


单 击 图 12-5 所 示 窗 口中 企业 新 闻 或 者 业内 新 闻 的 More>> 链 接 ， 进 入 shownews.aspx 页 
面 ， 显 示 全 部 的 企业 新 闻 或 者 业内 新 闻 。 效 果 如 图 12-6 所 示 。 
计算 机 有 限 公 司 


CONPUTER MANUFACTURER CO.LTD 


gax toaa 


"HI 赛车 2008-7-25 15:02:00 全 新 闻 2 
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0 元 LTViet 丰 本 导购 2007-1-3 0:00:00 ES a 
* tu VEET EASTEN 2007-4-3 0:00:00 全 新闻 6 
` 5382716. 国际 名 由 起 信 笔记 二 导购 oorrtrs 0:00:00 PIME 9 
*emrerosx PERHEEMME 2007-1-3 0:00:00 DUR 9 
“说 保修 自己 动手 PERDRE 2007-4-3 0:00:00 D 6 
EREHE) 笔 马 本 电 油 使 用 专家 指 丙 mt 0:00:00 全 网 3 
TERRIG! 笔记 本 购 机 测试 软件 大 全 2007-1-3 0:00:00 +A o 
* ETEREPELENE 2007-4-3 0:00:00 EUM 0 
* RKsitiR9J 华 看 12 寸 并 荔 笔 记 机 上 市 2007-4-3 0:00:00 EMR o 
ANT DJ 总 页 码 为 : [1] Sr Esd 


图 12-6 新 闻 列 表 


1. shownews.aspx 的 HTML 主要 代码 
页 面 使 用 GridView 控件 显示 新 闻 列表 。 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" GridLines="None" 
Height="121px" PageSize="6" ShowHeader="False" Width="452px"> 
<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="shownew.aspx?id={0}" 
DataTextField=" 新 闻 标 题 " DataTextFormatString="&#183;{0}" HeaderText=" 新 闻 标 题 "> 
<ItemStyle Font-Overline="False" Horizontal Align="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 添 加 时 间 " HeaderText=" 添 加 时 间 " /> 
<asp:BoundField DataField=" 新 闻 类 别 " HeaderText=" 新 闻 类 别 " /> 
<asp:BoundField DataField=" 阅 读 次 数 " HeaderText=" 阅 读 次 数 " /> 
</Columns> 
</asp:GridView> <br > 
当前 页 码 为 :[<asp:Label ID="LabelPage" runat="server" Text="1"></asp:Label>]&nbsp; 总 页 码 为 : 
[<asp:Label ID="LabelTotalPage" runat="server" Text=""></asp:Label>] 
<asp:LinkButton ID="LinkButtonFirst" runat="server" OnClick="LinkButtonFirst_Click"> 首 页 
</asp:LinkButton>&nbsp:&nbsp; 
<asp:LinkButton ID="LinkButtonPrev" runat="server" OnClick="LinkButtonPrev_Click"> 上 一 页 
</asp:LinkButton>&nbsp:&nbsp; 
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<asp:LinkButton ID="LinkButtonNext" runat="server" OnClick="LinkButtonNext Click"> 下 一 页 
</asp:LinkButton>&nbsp;&nbsp: 

<asp:LinkButton ID="LinkButtonLast" runat="server" OnClick="LinkButtonLast_Click"> 末 页 
</asp:LinkButton> 


2. shownews.aspx.cs 的 主要 代码 及 其 解释 


// 创 建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 。 
BaseClass BaseClassl = new BaseClass(); 
/每 次 加 载 时 显示 新 闻 。 
protected void Page _Load(object sender, EventArgs e) 
{ 
if (!Page.IsPostBack) getGoods(); 
) 
private void getGoods() 
t 
/获取 数据 ， 入 口 参数 RequestParams["id"].ToString0 为 “%” 表 示 全 部 新 闻 ， 为 “业内 新 闻 ?” 
表示 行业 新 闻 ， 为 “企业 新 闻 ” 表 示 企 业 新 闻 
string strsql = "select * from 新 闻 信 息 where 新 闻 类 别 like" + Request.Params["id"] ToString0 
十 "orderby 流水 号 desc"; 
DataTable dt = BaseClass1.ReadTable(strsql); 
/实现 分 页 
PagedDataSource objPds = new PagedDataSource(); 
objPds.DataSource = dt.DefaultView: 
objPds.AllowPaging = true; 
objPds.PageSize = 12; 
int CurPage = Convert. ToInt32(this.LabelPage. Text); 
objPds.CurrentPagelndex = CurPage - 1; 
if (objPds.CurrentPageIndex < 0) 
{ 
objPds.CurrentPageIndex = 0; 
} 
// 只 有 一 页 时 禁用 上 页 、 下 页 按钮 
if (objPds.PageCount = 1) 


{ 
LinkButtonPrev.Enabled = false; 
LinkButtonNextEnabled = false; 
} 
else// 多 页 时 
{ 


// 为 第 一 页 时 
1f (CurPage — 1) 


第 12 章 开发 实例 。295。 


LinkButtonPrev.Enabled = false; 
LinkButtonNext.Enabled = true; 
} 
/是 最 后 一 页 时 
if (CurPage 一 objPds PageCount) 
£ 
LinkButtonPrev.Enabled = true; 
LinkButtonNext.Enabled = false; 


) 
this.LabelTotalPage Text = Convert.ToString(objPds.PageCount); 
GridView1.DataSource = objPds; 
GridView1.DataBind0; 
) 


/首页 
protected void LinkButtonFirst_ Click(object sender, EventArgs e) 
{ 
this.LabelPage.Text = "1"; 
getGoods0; 
) 
/上 一 页 


protected void LinkButtonPrev_Click(object sender, EventArgs e) 

{ 
this.LabelPage.Text = Convert. ToString(int.Parse(this.LabelPage.Text) - 1) ; 
getGoods(); 

) 

/下 一 页 

protected void LinkButtonNext Click(object sender, EventArgs e) 

t 
this LabelPage Text = Convert. ToString(int.Parse(this.LabelPage.Text) + 1) ; ; 
getGoods(); 

) 

// 末 页 

protected void LinkButtonLast_Click(object sender, EventArgs e) 

{ 
this.LabelPage.Text = this.LabelTotalPage Text: 
getGoods(); 
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1226 ”产品 列表 


单 击 图 12-5 所 示 窗 口中 企业 产品 栏目 的 More>> 链 接 ， 进入 showpros.aspx WH. P= 
表 效果 如 图 12-7 所 示 。 
=a == 计算 机 有 限 公 司 
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图 12-7 产品 列表 


1. showpros.aspx 的 HTML 主要 代码 
页 面 使 用 DataList 控件 显示 产品 列表 。 


<asp:DataList ID="DataList1" runat="server" Height="200px" 


OnSelectedIndexChanged="DataList]_SelectedIndexChanged1" 
RepeatColumns="2" RepeatDirection="Horizontal" Width="532px"> 
<ItemTemplate> 
<table border="0" cellpadding="0" cellspacing="0"> 
<t> <td align="center" rowspan="2" valign="middle"> 
<a href='showpro.aspx?id=<9%# DataBinder.Eval(Container.DataItem, "流水 号 ")%> > 


<img alt="a" height="60" src=image/<%# DataBinder.Eval(Container.Dataltem, "产品 图 片 ")%> 


style="border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none" 


width="100" /></a></td> 
<td align="left" style="width: 150px; height: 22px:" valign="middle"> 


<img alt="d" height="15" src="image/dot_1.gif" style="width: 25px" /><a href='showpro.aspx?id=<%# 
DataBinder.Eval(Container.DataItem, "流水 号 ")%6> ><strong><%# DataBinder.Eval(Container.Dataltem, " 产 


品名 称 ")%6></strong></a></td> </tr> 
<tr> <td align="left" style="width: 150px; height: 53px"> 
<img alt="b" height="11" src="image/dot_1.gif" width="24" 广 价格 :至 <9 挟 
DataBinder.Eval(Container.Dataltem, "产品 价格 ")%6> 元 <br 亡 
<img alt="c" height="11" src="image/dot 1.gif' width="24" /> 类 别 |: 
<a href='showpros.aspx?id=<%# DataBinder Eval(Container Dataltem, "产品 类 别 ")%>> 
<%# DataBinder.Eval(Container.Dataltem, "产品 类 别 ")%> </a> </td> <> 
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</table> 

</ItemTemplate> 

</asp:DataList><br /> 

当前 页 码 为 :[<asp:Label ID="LabelPage" runat="server" Text="1"></asp:Label>]&nbsp:; 总 页 码 为 : 
[<asp:Label ID="LabelTotalPage" runat="server" Text=""></asp:Label>] 

<asp:LinkButton ID="LinkButtonFirst" runat="server" OnClick="LinkButtonFirst_Click"> 首 页 
</asp:LinkButton>&nbsp;&nbsp; 

<asp:LinkButton ID="LinkButtonPrev" runat="server" OnClick="LinkButtonPrev_Click"> 上 一 页 
</asp:LinkButton>&nbsp;&nbsp; 

<asp:LinkButton ID="LinkButtonNext" runat="server" OnClick="LinkButtonNext Click"> 下 一 页 
</asp:LinkButton>&nbsp;&nbsp; 

<asp:LinkButton ID="LinkButtonLast" runat="server" OnClick="LinkButtonLast_Click"> 末 页 
</asp:LinkButton> 


2. showpros.aspx.cs 的 主要 代码 及 其 解释 


// 创 建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 。 
BaseClass BaseClassl = new BaseClass(); 

/每 次 加 载 时 显示 新 闻 。 

protected void Page Load(object sender, EventArgs e) 

{ 


if (!Page.IsPostBack) getGoods(); 
) 
private void getGoods() 
t 
/获取 数据 入 口 参数 Request.Params["id"].ToString0 为 “%” 表 示 全 部 产品 ， 否 则 为 具体 类 型 
string strsql = "select * from 产品 where 产品 类 别 like" + RequestParams["id"].ToStringO +" 
order by ”流水 号 "; 
DataTable dt = BaseClass1.ReadTable(strsql); 
/实现 分 页 


PagedDataSource objPds = new PagedDataSource(); 
objPds.DataSource = dt.DefaultView: 
objPds.AllowPaging = true; 
objPds.PageSize =8; 
int CurPage = Convert.Tolnt32(this.LabelPage. Text); 
objPds.CurrentPagelndex = CurPage - 1; 
if (objPds.CurrentPageIndex < 0) 
í 
objPds.CurrentPageIndex = 0; 
} 
// 只 有 一 页 时 禁用 上 页 、 下 页 按钮 
if (objPds.PageCount = 1) 
{ 
LinkButtonPrev.Enabled = false; 
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LinkButtonNext.Enabled = false: 
} 
else// 多 页 时 
{ 
// 为 第 一 页 时 
if (CurPage = 1) 
t 
LinkButtonPrev.Enabled = false; 
LinkButtonNext.Enabled = true; 
) 
/是 最 后 一 页 时 
1f (CurPage = objPds.PageCount) 
£ 
LinkButtonPrev.Enabled = true; 
LinkButtonNextEnabled = false; 


) 
this.LabelTotalPage. Text = Convert.ToString(objPds.PageCount): 
DataListl.DataSource = objPds; 
DataListl.DataBind0; 
) 
/首页 
protected void LinkButtonFirst_ Click(object sender, EventArgs e) 
{ 
this.LabelPage.Text = "1"; 
getGoods(); 
) 
/上 一 页 
protected void LinkButtonPrev_Click(object sender, EventArgs e) 
t 
this.LabelPage. Text = Convert.ToString(int.Parse(this.LabelPage.Text) - 1) : 
getGoods(; 
} 
/下 一 页 
protected void LinkButtonNext Click(object sender, EventArgs e) 
{ 
this.LabelPage.Text = Convert. ToString(int.Parse(this.LabelPage.Text) + 1) ; ; 
getGoods(); 
} 
IRT 
protected void LinkButtonLast_Click(object sender, EventArgs e) 
t 
this. LabelPage. Text = this.LabelTotalPage Text: 
getGoods(); 
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1227 ”用户 登 录用 户 控件 


方便 起 见 ,将 用 户 登录 对 话 框 做 成 了 用 户 控 件 ， 如 图 12-8 所 示 。 用 户 登录 后 出 现 右边 信 
息 ， 系 统 为 注册 用 户 提供 了 订单 管理 等 功能 。 


您 可 以 进行 以 下 操作 : 
) 修改 注册 资料 
》 我 的 订单 
》 退 出 


图 12-8 用 户 登录 对 话 框 


1. Userlogin.ascx 的 HTML 主要 代码 


该 用 户 控件 采用 了 上 下 2 个 div 层 , 分 别 存放 如 图 12-8 所 示 左边 和 右边 的 信息 ,通过 div 
的 Visible 属性 控制 显示 内 容 。 


<div id="div1" runat="server" style="width: 100%; height: 100px;"> 
<table style="font-size: 12px; font-family: 宋体 :"> 
<tr> <td colspan="2" style="width: 180px; height: 21px:" align="center"> :: 用 户 登录 ::</td> </tr> 
<tr> <td style="width: 80px" align="right"> 用 户 名 : </td> 
<td style="width: 83px"> <asp:TextBox ID="TextBox1" runat="server" 
Width="90"></asp:TextBox></td> </tr> 
<t> <td style="width: 80px" align="right"> ”密码 :</td> 
<td style="width: 83px"> <asp:TextBox ID="TextBox2" runat="server" Width="90" 
TextMode="Password"></asp:TextBox></td> </tr> 
<tr> <td style="width: 180px" col ="2" align="center"> 
<asp:Button ID="Button1" runat="server" Text=" 登 录 " Width="53px" 
OnClick="Button1_Click" /> 
<asp:Button ID="Button2" runat="server" Text=" 注 册 " Width="56px" 
OnClick="Button2 Click" /></td> </tr> 
</table> 
</div> 
<div id="div2" munat="server" style="width: 100%; height: 130px; "> 
<table style="width: 100% :font-size: 12px; font-family: 宋体 :"> 
<t> <td style="width: 180px" align="center"> :用 户 中 心 :</td> </tr> 
<t> <td style="width: 180px; height: 55px;" align="center"> 欢迎 您 : <asp:Label ID="Label1" 
runat="server">Label</asp:Label><br /> <br > 您 可 以 进行 以 下 操作 : </td> </tr> 
<tr> <td style="width: 120px; height: 89px; text-align: center; " align="center"> 
<table style="font-size: 12px; font-family: 宋体 :> 
<tr><td style="width: 120px" align="left"> ) <a hre 人 "usereditaspx"> 修 改 注册 资料 </a></td> 
</t> 
<tr> <td style="width: 120px; height: 20px:" align="left"> ) <a href="userorder.aspx"> 我 的 订单 
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<la></td> </tr> 
<tr> <td style="width: 120px; height: 20px;" align="left"> ) <a hre 全 "exitaspx"> 退 出 <a></td> 
</tr> </table> 
</td> </i> 
</table> 
</div> 


2. Userlogin.ascx.cs 的 主要 代码 及 其 解释 


(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 其 中 数据 库 操作 的 方法 。 


BaseClass BaseClassl = new BaseClass(); 


(2) 加 载 是 判断 用 户 是 否 登 录 ， 决 定 显示 如 图 12-8 所 示 左 边 或 者 右边 的 信息 。 


protected void Page Load(object sender, EventArgs e) 
t 
divl.Visible = false; 
div2.Visible = false; 
if (Session["name"] != null) 
{ 
Labell.Text = Session["name"].ToString(); 
div2.Visible = true; 


divl.Visible = true; 
} 
) 


(3) 单 击 【登录 】 按 钮 触发 Buttonl_Click 事件 。 


protected void Button1_Click(object sender, EventArgs e) 
t 
/管理 员 标志 =0， 表 示 普 通用 户 。 管 理 员 标志 =1， 表 示 管 理 员 。 
string strsql = "select * from 用 户 where 管理 员 标志 =0 and 用 户 名 =" + TextBoxl.Text+" and 
密码 =" + TextBox2 Text + ""; 
DataSet ds = new DataSet(); 
ds = BaseClass1.GetDataSet(strsql, "username"); 
if (ds.Tables["usemame"].Rows.Count = 0) 


{ 
string scriptString = "alert(" + "用户 名 不 存在 或 密码 错误 ， 请 确认 后 再 登录 ! "+ "yn; 
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "waming", scriptString, true); 
} 
else 
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Session["name"] = TextBox1. Text; 

Labell Text = "<b>" + Session["name"] ToString() + "</b>"; 
div1.Visible = false; 

div2.Visible = true; 


} 
(4) 单 击 【注册 】 按 钮 触发 Button2_Click 事件 。 


protected void Button2 Click(object sender, EventArgs e) 
t 
Response. Write("<script>window.location='userreg.aspx';</script>"); 


12.2.8 用 户 注册 页 面 
击 图 12-8 所 示 的 用 户 登 录 对 话 框 的 【注册 】 按 钮 ， 进 入 注册 用 户 信息 页 面 ， 如 图 12-9 


H 


所 示 。 


Ts 


客户 信息 


用 户 各 : 用 户 名 已 经 使 用 必须 输入 用 户 名 


密码 不 一 至 


过 | 


图 12-9 用 户 注册 对 话 框 


1. Userlogin.ascx 的 HTML 主要 代码 


页 面 使 用 了 3 个 验证 控件 RequiredFieldValidator, CustomValidator 和 CompareValidator。 
RequiredFieldValidator 和 CustomValidator 控制 用 户 名 不 能 为 空 ， 并 且 不 能 已 经 使 用 。 
CompareValidator 验证 控件 用 来 比较 第 一 次 输入 的 密码 和 再 次 确认 密码 是 否 一 致 。 


<table style="width: 413px"> 
<tr> <td style="width: 100px; height: 36px;"> </td> 
<td style="width: 369px; font-size: 20px; height: 36px:" align="left'> 客 户 信息 </td> </tr> 
<tr> <td style="width: 100px" align="right"> ” 用户 名 : <td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox1" runat="server" Width="139px"></asp:TextBox> 
<asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="TextBox1" 
ErrorMessage" 用 户 名 已 经 使 用 " OnServerValidate="CustomValidator] ServerValidate" 
ValidateEmptyText="True" Display="Dynamic" Width="86px"></asp:CustomValidator> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage=" 必 
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须 输 入 用 户 名 " ControlToValidate="TextBox1"></asp:RequiredFieldValidator></td> </tr> 
<tr> <td style="width: 100px" align="right"> 密码 ;</td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px" align="right"> ”密码 再 次 确认 : </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox3" runat="server" TextMode="Password"></asp:TextBox> 
<asp:CompareValidator ID="CompareValidatorl" runat="server" ControlToCompare="TextBox2" 
ControlToValidate="TextBox3" ErrorMessage" 密 码 不 一 致 "></asp:CompareValidator></td></tr> 
<tr> <td style="width: 100px; height: 26px;" align="right"> 用 户 全 称 : </td> 
<td style="width: 369px; height: 26px:" align="left"> 
<asp:TextBox ID="TextBox4" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<t> <td style="width: 100px" align="right"> iif: </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox5" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<t> <td style="width: 100px; height: 21px" align="right"> "地址 :</td> 
<td style="width: 369px; height: 21px" align="left"> 
<asp:TextBox ID="TextBox6" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px" align="right"> 邮政 编码 : </td> 
<td style="width: 369px" align="left"> 
<asp:TextBox ID="TextBox7" runat="server" Width="139px"></asp:TextBox></td> </tr> 
<tr> <td style="width: 100px"> </td> 
<td style="width: 369px" align="left"> 
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text=" 提 交 " Width="87px" 
/><Ad> </tr> </table> 


2. Userlogin.ascx.cs 的 主要 代码 及 其 解释 
(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 数据 库 操作 的 方法 。 
BaseClass BaseClassl = new BaseClass(): 


(2) 验证 用 户 名 是 否 已 经 使 用 ， 触 发 CustomValidatorl _ServerValidate 事件 。 


protected void CustomValidator]_ServerValidate(object source, ServerValidateEventArgs args) 
t 

//args.Value 为 需要 验证 的 用 户 名 

string strsql = "select * from 用 户 where 用 户 名 =" + Aargs.Value.ToString() +"; 

DataSet ds = new DataSet(); 

ds = BaseClass1.GetDataSet(strsql, "usemame"): 

//args.IsValid 是 否 通过 验证 的 返回 值 

if (ds.Tables["username"].Rows.Count > 0) 


{ 
args.IsValid = false; 


else 
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args.IsValid = true; 


(3) 单 击 【 提 交 】 按 钮 触发 Buttonl_Click 事件 。 


protected void Button1 Click(object sender, EventArgs e) 
£ 
if (CustomValidator1.IsValid = true) 
{ 
string strsql; 
strsql = "insert into 用 户 (用 户 名 ,密码 ,真实 姓名 ,电话 ,地 址 ,邮编 ) values ("+ TextBox1. Text 
+"™,"+TextBox2.Text+","+ TextBox4.Text + "," + TextBox5.Text + "," + TextBox6.Text + ","+ 
TextBox7.Text + "y"; 
BaseClass1.execsql(strsql): 
Response. .Write("<script>alert(\v" 注 册 成 功 ! \"):</script>"); 
Session["name"] = TextBox1. Text: 
Response.Redirect("Default.aspx"); 


) 


12.2.9 产品 订单 


当 单 击 图 12-7 所 示 的 页 面 中 的 产品 标题 或 产品 图 片 时 , 显示 如 图 12-10 所 示 的 产品 详细 
信息 。 如 果 用 户 已 经 登录 ， 单 击 图 12-10 中 的 【订购 >>】 链 接 时 ， 出 现 产 品 订单 页 面 ， 如 图 
12-11 所 示 。 


产品 名 称 : 新 梦 0500 
Ven 
#scu ass 
产品 介绍 : 
真 痉 4 处 理 器 3.06 ,免费 升级 至 19“ 宽 屏 液晶 显示 器 ， 超 值 ‘ 
价格 : w 40005 订购 >> 


图 12-10 产品 详细 信息 


订购 信息 
产品 名 称 : 新 梦 0500 
单价 : 4000 


订购 数量 : |1 


RE 
图 12-11 产品 订单 
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1. order.aspx 的 HTML 主要 代码 


<table> 
<t> <td style="width: 134px; height: 36px"> </td> 
<td align="left" style="width: 220px; height: 36px"> ”订购 信息 </td> </tr> 
<tr> <td align="right" style="width: 134px; height: 33px"> 产品 名 称 : </td> 
<td align="left" style="width: 220px; height: 33px"> 
<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label></td> </tr> 
<tr> <td align="right" style="width: 134px; height: 30px"> 单价 ; </td> 
<td style="width: 220px; height: 30px" align="left"> 
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label></td> </tr> 
<tr> <td align="right" style="width: 134px; height: 36px"> ”订购 数量 : </td> 
<td style="width: 220px; height: 36px" align="left"> 
<asp:TextBox ID="TextBox1" runat="server"></asp: TextBox></td></tr> 
<t> <td style="width: 134px; height: 38px"></td> 
<td align="left" style="width: 220px; height: 38px"> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 订 单 " OnClick="Button1_Click" /></td></tr> 
</table> 


2. order.aspx.cs 的 主要 代码 及 其 解释 

(1) 创建 公共 类 BaseClass 的 对 象 ， 目 的 是 使 用 操作 数据 库 的 方法 。 
BaseClass BaseClassl = new BaseClass(); 

D 如 果 用 户 已 登录 ， 输 入 订货 数量 ， 否 则 提示 用 户 登录 。 


protected void Page_Load(object sender, EventArgs e) 
{ 
/ 判断 用 户 是 否 登录 
if (Session["name"] = null) 
{ 
Response.Write("<script>alert(\" 请 登录 ! \");</script>"): 
Response.Redirect("default.aspx"); 
} 
// 首次 加 载 初始 化 
if (!Page.IsPostBack) 
{ 
// Request.QueryString["id"] 为 页 面 入 口 参 数 ， 表 示 所 订 产 品 
string strsql = "select 产品 名 称 ,产品 价格 from 产品 where 流水 号 ="+ 
Request.QueryString["id"]; 
DataTable dt = new DataTable(); 
dt = BaseClass1.ReadTable(strsql); 
Labell.Text = dt.Rows[0].ItemArray[0].ToString(); 
Label2.Text = dt.Rows[0].ItemArray[1].ToString0; 
TextBox1.Text="1"; 
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} 
(3) 单 击 【 提 交 订 单 】 按 钮 时 触发 Button1_Click 事件 。 


protected void Button1 Click(object sender, EventArgs e) 
t 
string strsql; 
strsql = "insert into 订单 (产品 流水 号 ,订购 数量 ,用 户 名 ,订购 日 期 ) values (" + 
Request.QueryString["id"] + "," + TextBox1.Text + "," + Session["name"].ToString() + ",convert(datetime," + 
DateTime.Today.ToShortDateString() + ",120))"; 
BaseClass1.execsql(strsql); 
Response.Write("<script>alert(\" 提 交 成 功 ， 您 还 可 以 选 购 其 他 商品 ! \");</script>"); 
Response.Redirect("showpros.aspx?id=%"); 


12.2.10 ”管理 员 登 录 页 面 


各 个 页 面 的 底部 几乎 都 有 【管理 入 口 】 链 接 ， 单 击 该 链接 进入 管理 员 的 登录 页 面 ， 如 图 
12-12 所 示 。 


用 户 名 : admin 
密码 : ecese 


口 下 次 记 住 我 。 


图 12-12 管理 员 登 录 页 面 


1. login.aspx 的 HTML 主要 代码 


如 图 12-12 所 示 的 登录 对 话 框 实际 上 就 是 一 个 Login 控件 ， 通 过 调整 控件 属性 达到 满意 
的 效果 。HTML 代码 如 下 : 


<asp:Login ID="Login1" runat="server" BackColor="#EFF3FB" BorderColor="#B5C7DE" 
BorderPadding="4" BorderStyle="Solid" BorderWidth=" 1px" Font-Names="Verdana" 
Font-Size="0.8em" ForeColor="#333333" Height="180px" Width="275px" 
OnAuthenticate="Login1_Authenticate1"> 
<TitleTextStyle BackColor="#507CD1" Font-Bold="True" Font-Size="0.9em" ForeColor="White" /> 
<InstructionTextStyle Font-Italic="True" ForeColor="Black" /> 
<TextBoxStyle Font-Size="0.8em" /> 
<LoginButtonStyle BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" 
BorderWidth=" 1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" /> 
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</asp:Login> 


2. login.aspx.cs 的 主要 代码 及 其 解释 


登录 页 面 的 代码 比较 简单 ， 只 在 用 户 登录 的 时 候 触发 Loginl Authenticate. 事件 ， 此 事 
件 用 来 判断 该 用 户 是 否 合法 。 默 认 管理 员 名 称 及 密码 为 admin。 其 代码 如 下 : 


protected void Login] Authenticatel(object sender, AuthenticateEventArgs e) 
{ 
// 定 义 SQL 查询 语句 
string strsql = "select * from 用 户 where 用 户 名 ="+Login1.UserName.ToString0 +" and 密码 
=" + Loginl.Password.ToString() + " "; 
/创建 DataTable 
DataTable dt = new DataTable(); 
/调用 ReadTable 方法 获取 查询 结果 
dt = BaseClass1.ReadTable(strsql): 
/判断 是 否 有 符合 条 件 的 记录 
if (dt.Rows.Count > 0) 
t 
/将 合法 的 用 户 名 放 到 Session 对 象 中 ， 表 示 用 户 已 经 登录 
Session["admin"] = Login1.UserName.ToString(): 
// 跳 转 到 后 台 管 理 页 面 admin default.aspx 
Response.Redirect("admin default.aspx"); 


12.2.11 ”后台 管理 页 面 


管理 员 登 录 成 功 后 ， 进 入 如 图 12-13 所 示 的 后 台 管 理 页 面 。 该 页 面 提供 了 新 闻 管理 、 新 
闻 添 加 、 产 品 管理 、 产 品 添加 和 订单 管理 等 功能 。 


Microsoft Internet Explorer 
XPO REO HEV KRW IAV MU 
地 址 M) (E) http://localhost: 1867/Xe4XbeNS1 Ke4 XENIA NeT ADANG! KeT Xab NISKE XbaX90XeT%a0781/ad v EJ 2) SEE» 


欢迎 进入 后 台 管 理 


图 12-13 后 台 管理 页 面 
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1. admin_default.aspx 的 HTML 主要 代码 


页 面 中 添加 了 1 个 TreeView 控件 和 1 个 框架 集 ，TreeView 控件 显示 管理 功能 ， 框 架 集 
于 相应 管理 页 面 的 显示 。 


<asp:TreeView ID="TreeView1" runat="server" Height="264px" 
OnSelectedNodeChanged="TreeView1_SelectedNodeChanged" Width="60px"> 
<Nodes> 
<asp:TreeNode Text=" 后 台 管 理 " Value=" 后 台 管理 "> 
<asp:TreeNode Text=" 新 闻 管 理 " Value=" 新 闻 管理 "> 
<asp:TreeNode Text=" 新 闻 管理 " Value=" 新 闻 管理 "></asp:TreeNode> 
<asp:TreeNode Text=" 新 闻 添 加 " Value=" 新 闻 添 加 "></asp:TreeNode> </asp:TreeNode> 
<asp:TreeNode Text=" 产 品 管理 " Value=" 产 品 管理 "> 
<asp:TreeNode Text=" 产 品 管理 " Value=" 产 品 管理 "></asp:TreeNode> 
<asp:TreeNode Text=" 产 品 添加 " Value=" 产 品 添加 "></asp:TreeNode> </asp:TreeNode> 
<asp:TreeNode Text=" 订 单 管理 " Value=" 订 单 管理 "> 
<asp:TreeNode Text=" 订 单 管理 " Value=" 订 单 管理 "></asp:TreeNode></asp:TreeNode> 
<asp:TreeNode Text=" 用 户 管理 " Value=" 用 户 管理 "> 
<asp:TreeNode Text=" 用 户 管理 " Value=" 用 户 管理 "></asp:TreeNode> 
</asp:TreeNode> </asp:TreeNode> 
</Nodes> 
</asp:TreeView> 
<iframe style="width: 100%; height: 100%;" id="iframe1" runat="server" frameborder="0"> 
<iframe> 


2. admin _default.aspx.cs 的 主要 代码 及 其 解释 


每 次 后 台 管理 页 面 加 载 时 检查 管理 员 是 否 登录 ， 如 果 没 有 登录 ， 就 跳 转 到 管理 员 登 
录 页 面 。 


protected void Page_Load(object sender, EventArgs e) 
t 
1/ 判断 是 否 登 录 ? 
if (Session["admin"] = null) 
{ 
// 跳 转 到 管理 员 登 录 页 面 
Response.Redirect("login.aspx"); 


12.2.12 新闻 管理 页 面 


单 击 如 图 12-13 所 示 的 页 面 中 的 【新 闻 管 理 】 链 接 ， 进 入 新 闻 管 理 页 面 ， 如 图 12-14 
所 示 。 


。308 。 ASPNET 3.5 网 站 开发 实例 教程 


新 闻 标 题 新 闻 类 别 阅读 次 数 添加 时 间 | 
" 预 装 Vi sta 系 统 华硕 A6H52 笔 记 本 降 2 千 [业内 新 闻 ] [3] 2007-1-20 0:00:00 ”删除 
* 只 谈 性 价 比 神舟 近期 降价 促销 本 本 一 览 [业内 新 闻 ] ul 2007-1-5 0:00:00 MBR 
* 送 406 硬 盘 还 降价 喜 普 mx6330 仅 9999 元 [业内 新 闻 ] [4] 2007-1-20 0:00:00 MRR 
* 联想 新 品 旭日 上 市 双核 芭 售 6200 元 [业内 新 闻 ] [0] 2007-2-7 0:00:00 Me 
"HELD 五 款 人 气 最 旺 的 低 价 本 推荐 [业内 新 闻 ] [1] 2007-5-2 0:00:00 删除 
` AR82 398 双核 独 显 笔记 本 推荐 [业内 新 闻 ] [2] 2007-5-5 0:00:00 HER 
| 下 -页 


图 12-14 新 闻 管理 页 面 


1. delnews.aspx 的 HTML 主要 代码 


在 页 面 中 使 用 了 GridView 控件 ， 该 控件 增加 了 【删除 】 列 ， 用 于 删除 过 期 的 新 闻 。 代 
码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor=" White" 


<Columns> 
<asp:HyperLinkField DataNavigateUrlFields=" 流 水 号 " 
DataNavigateUrlFormatString="showpro.aspx?id={0}" 
DataTextField=" 产 品名 称 " DataTextFormatString="&#183;{0}" HeaderText=" 产 品名 称 " 
Target="main"> <ItemStyle HorizontalAlign="Left" /> 
</asp:HyperLinkField> 
<asp:BoundField DataField=" 产 品类 别 " DataFonrmatString="[{0}]" HeaderText=" 产 品类 别 " > 
<asp:BoundField DataField=" 产 品 价格 " DataFormatString="{0} 元" HeaderText=" 产 品 价格 " /> 
<asp:BoundField DataField=" 产 品 图 片 "HeaderText=" 产 品 图 片 "> 
<asp:CommandField ShowCancelButton="False" ShowDeleteButton="True" /> 
</Columns> 


</asp:GridView> 


2. delnews.aspx.cs 的 主要 代码 及 其 解释 
(1) 加 载 时 判断 是 否 已 经 登录 。 


protected void Page Load(object sender, EventArgs e) 
{ 
if (Session["admin"] — null) 
{ 
// 跳 转 到 登录 页 面 
Response.Redirect("login.aspx"); 
} 
/显示 所 有 新 闻 
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bindgrig0; 
) 


(2) 单 击 【 删 除 】 按 钮 时 触发 GridView] _ RowDeleting 事件 。 


protected void GridView]1 RowDeleting(object sender, GridViewDeleteEventArgs e) 
í 
/定义 删除 语句 
String strsql = "delete from 新 闻 信息 where 流水 号 =" 十 
GridView1.DataKeys[e.RowIndex].Value.ToString() + ""; 
/执行 SQL 命令 
BaseClass1.execsql(strsql): 
// 重 新 显示 新 闻 
bindgrig():; 
} 


G)bindgrig0 是 自 定 义 函 数 ， 用 于 检索 新 闻 ， 显 示 到 GridView 控件 上 。 


void bindgrig() 
t 
/定义 SQL 检索 语句 
string strsql = "select * from 新 闻 信 息 orderby 流水 号 "; 
/创建 DataTable， 并 返回 数据 
DataTable dt = BaseClass1.ReadTable(strsql); 
/设置 GridView 数据 源 
GridView1.DataSource = dt: 
/显示 数据 
GridView1.DataBindO; 
} 


(4) 单 击 【 上 一 页 】、【 下 一 页 】 按 钮 时 ， 触 发 GridView1_PagelndexChanging 事件 。 


protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e) 


t 
GridView1.PageIndex = e.NewPageIndex; 


bindgrig0: 
i 


12.2.13 ”产品 添加 页 面 


单 击 如 图 12-13 所 示 的 页 面 中 的 【产品 添加 】 链 接 ， 进 入 产品 添加 页 面 ， 如 图 12-15 
所 示 。 
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添加 产品 
Fü: | 
价格 : [ | 
图 片 : (WDR... J 
产品 类 别 : ime V| 
简介 : 
=i 到 


图 12-15 产品 添加 页 面 


1. addpro.aspx 的 HTML 主要 代码 
主要 控件 包括 : TextBox, FileUpload 和 DropDownList 等 控件 。 代 码 如 下 : 


<strong> 添 加 产品 </strong> 
产品 名 称 <asp:TextBox ID="TextBoxl" runat="server" Width="209px"></asp:TextBox> 


价格 <asp:TextBox ID="TextBox3" runat="server" Width="209px"></asp:TextBox></td></tr> 
图 片 <asp:FileUpload ID="FileUpload1" runat="server" /> 
产品 类 别 <asp:DropDownListID="DropDownListl" runat="server" Width="120px"> 
</asp:DropDownList> 
简介 <asp:TextBox ID="TextBox2" mnat="server" Height="150px" TextMode="MultiLine" 
Width="300px"></asp:TextBox> 
<asp:Button ID="Button1" runat="server" Text=" 提 交 " OnClick="Button1_Click" /></td> </tr> 


2. addpro.aspx.cs 的 主要 代码 及 其 解释 
(1) 每 次 加 载 时 判断 是 否 已 经 登录 ， 第 一 次 加 载 初始 化 产品 类 别 下 拉 列 表 框 。 


protected void Page_Load(object sender, System.EventArgs e) 
t 
if (Session["admin"] = null) 
{ 
Response.Redirect("login.aspx"); 
} 
/ 判断 是 否 第 一 次 加 载 
if (!Page.IsPostBack) 
{ 
/ 第 一 次 加 载 初始 化 下 拉 列 表 框 
DataTable dt = new DataTable(); 
string strsql = "select * from 产品 类 别 "; 
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第 =BaseClass1.ReadTable(strsqD: 
DropDownList1.DataSource = dt; 
DropDownList1 DataTextField = "产品 类 别 ": 
DropDownListl.DataValueField = "产品 类 别 "; 
DropDownListl.DataBind(); 


} 
(2) 单 击 【提交 】 按 钮 时 触发 Buttonl_ Click 事件 。 


protected void Button1_ Click(object sender, EventArgs e) 
{ 
string strsql; 
/定义 SQL 插入 语句 
strsql = "insert into 产品 (产品 名 称 , 产 品 价格 ,产品 图 片 ,产品 类 别 ,产品 介绍 ) values (" + 
TextBox1.Text + "," + TextBox3.Text +"," + FileUpload1.FileName + "," + DropDownListl.SelectedValue 
+" " + TextBox2.Text + ")"; 
/执行 SQL 插入 语句 
BaseClass1.execsql(strsql); 
/上 传 产 品 图 片 
if (FileUpload1.HasFile = true) 
t 
FileUpload1.SaveAs(Server.MapPath(("~/image/") + FileUpload1.FileName)); 
) 
/提示 提交 成 功 
Response. .Write("<script>alert(\" 产 品 添加 成 功 ! \");</script>"); 
/清空 产品 名 称 、 价 格 、 图 片 和 简介 文本 编辑 器 
TextBox1.Text = ""; 
TextBox2. Text = ""; 
TextBox3. Text = ""; 


12.2.14 ”订单 管理 页 面 


单 击 如 图 12-13 所 示 的 页 面 中 的 【订单 管理 】 链接， 进入 订单 管理 页 面 ， 如 图 12-16 所 
示 。 订 单 管理 提供 两 个 功能 ， 一 个 是 删除 过 期 订单 ， 另 一 个 是 编辑 订单 的 处 理 标志 。 


产品 号 | 用 户 名 订购 数量 


3 chen Ë 2008-8-2 0:00:00 时 否 处 理 编辑 。 删除 
8 chen 1 2008-8-2 0:00:00 编辑 。 HES 
T chen 1 2008-8-2 0:00:00 编辑 HE 
4 chen 1 2008-8-2 0:00:00 编辑 。 删除 
1 chen 1 2008-8-2 0:00:00 编辑 。 删除 
5 aa 1 2008-4-26 0:00:00 编辑 。 删除 


图 12-16 订单 管理 页 面 
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1. delorder.aspx 的 HTML 主要 代码 


该 页 面 采 用 了 GridView 控件 。 代 码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" 


<Columns> 
<asp:BoundField DataField=" 产 品 流水 号 " HeaderTexf=" 产 品 号 " ReadOnly="True" /> 
<asp:BoundField DataField=" 用 户 名 " HeaderText=" 用 户 名 " ReadOnly="True" /> 
<asp:BoundField DataField=" 订 购 数 量 " HeaderText=" 订 购 数 量 " ReadOnly="Tme" /> 
<asp:BoundField DataField=" 订 购 日 期 "HeaderText=" 订 购 日 期 " ReadOnly="True" /> 
<asp:CheckBoxField DataField=" 处 理 标志 " Text=" 是 否 处 理 " /> 
<asp:CommandField ShowEditButton="True" /> 
<asp:CommandField ShowCancelButton="False" ShowDeleteButton="True" /> 
</Columns> 


</asp:GridView> 
2. delorder.aspx.cs 的 主要 代码 及 其 解释 


(1) 加 载 时 判断 管理 员 是 否 已 经 登录 。 


protected void Page Load(object sender, EventArgs e) 
{ 
if (Session["admin"] = null) 
{ 
Response.Redirect("login.aspx"): 
} 
if (!Page.IsPostBack) 
{ 
bindgrig0; 


} 
(2) 单 击 【 删 除 】 按 钮 时 触发 GridViewl_RowDeleting 事件 。 


protected void GridView1_RowpDeleting(object sender, GridViewDeleteEventArgs e) 
{ 
String strsql = "delete from 订单 where 流水 号 =" 十 
GridViewl.DataKeys[e.RowIndex].Value.ToString0 + ""; 
BaseClass1.execsql(strsql); 
bindgrig0; 
) 


(3) 在 编辑 状态 下 ， 单 击 【 更 新 】 按 钮 时 触发 GridView1_ RowUpdating 事件 。 


protected void GridViewl_RowUpdating(object sender, GridViewUpdateEventArgs e) 
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} 


// 提 交行 修改 (CheckBox)GridView1.Rows[e-RowIndex].FindControl("CheckBox1") 
string str; 

CheckBox ck = (CheckBox)GridView1.Rows[e.RowIndex].Cells[4].Controls[0]: 

if (ck. Checked = true) 


{ 

str="1"; 
j 
else 
{ 

str= "0"; 
) 


String strsql = "update 订单 set 处 理 标志 ="+str+"where 流水 号 ="+ 
GridView1.DataKeys[e.RowIndex]. Value. ToString() + ""; 

BaseClass1.execsql(strsql); 

GridView1.EditIndex = -1; 

bindgrig0; 


(4) 在 编辑 状态 下 ， 单 击 【 取 消 】 按 钮 时 触发 GridView1_RowCancelingEdit 事件 。 


protected void GridViewl RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) 


{ 


} 


GridView1.EditIndex = -1; 
bindgrig():; 


(5) bindgrig0 是 自 定义 函数 ， 将 订单 显示 到 GridView 控件 上 。 


void binderig() 


t 


j 


string strsql = "select * from 订单 orderby 流水 号 desc"; 
DataTable dt = BaseClass1.ReadTable(strsqD: 
GridView1.DataSource = dt: 

GridViewl DataBind0): 


(6) 单 击 【 上 一 页 】、【 下 一 页 】 按 钮 时 ， 触 发 GridView1_PagelndexChanging 事件 。 


protected void GridView]_PageIndexChanging(object sender, GridViewPageEventArgs e) 


t 


} 


GridView1.PageIndex = e.NewPageIndex; 
bindgrigO: 


(7) 单 击 【 编 辑 】 按 钮 时 触发 GridView1_RowEditing 事件 。 
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protected void GridView] RowEditing(object sender, GridViewEditEventArgs e) 


t 
GridView1.EditIndex = e NewEditIndex; 


bindgrig0; 
12.2.15 用户 管 理 页 面 


单 击 如 图 12-13 所 示 的 页 面 中 的 【用 户 管理 】 链接， 进入 用 户 管理 页 面 ， 如 图 12-17 
所 示 。 


a 试验 BE 


北京 科技 北京 科技 010-22222222 北京 市 100001 BB 
北京 制药 北京 制药 010-2233299 北京 市 100001 BB 
科技 公司 科技 公司 删除 

制造 厂 制造 厂 010-22222233 北京 市 100001 BE 


图 12-17 用 户 管理 页 面 


1. delusers.aspx 的 HTML 主要 代码 


在 页 面 中 使 用 了 GridView 控件 ， 该 控件 增加 了 【删除 】 列 ， 用 于 删除 不 需要 的 用 户 。 
代码 如 下 : 


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 


<Columns> 
<asp:BoundField DataField=" 用 户 名 " HeaderText=" 用 户 名 " ReadOnly="Tme" /> 
<asp:BoundField DataField=" 真 实 姓名 " HeaderText=" 真 实 姓名 " ReadOnly="True" > 
<asp:BoundField DataField=" 电 话 " HeaderText=" 电 话 " ReadOnly="Tme" /> 
<asp:BoundField DataField=" 地 址 " HeaderText=-" 地 址 " ReadOnly="True" > 
<asp:BoundField DataField=- "邮编 " HeaderText=" 邮 编 " /> 
<asp:CommandField ShowCancelButton="False" ShowDeleteButton="True" /> 
</Columns> 


</asp:GridView> 
2. delusers.aspx.cs 的 主要 代码 及 其 解释 
(1) 每 次 加 载 时 判断 管理 员 是 否 已 经 登录 。 


protected void Page Load(object sender, EventArgs e) 


{ 
if (Session["admin"] = null) 


第 12 章 开发 实例 *。315。 


{ 
Response.Redirect("login.aspx"); 
j 
bindgrig(); 
1 


(2)bindgrig0 自 定义 函数 ， 负 责 显示 用 户 信息 。 


voidbindegrig0 
£ 
string strsql = "select ”用户 名 ,真实 姓名 ,电话 ,地 址 ,邮编 from 用户 where 管理 员 标志 =0"; 
DataTable dt = BaseClass1.ReadTable(strsqD: 
GridView1.DataSource = dt; 
GridView1l.DataBind0; 


(3) 单 击 【删除 】 链 接 时 触发 GridView1_RowDeleting 事件 。 


protected void GridViewl_RowDeleting(object sender, GridViewDeleteEventArgs e) 


t 
/删除 行 处 理 
String strsql = "delete from 用 户 where 用 户 名 =" + 
GridView1.DataKeys[e.RowIndex].Value.ToString0 + ""; 
BaseClass1.execsql(strsql): 
bindgrig0; 


123 ”编译 与 发 布 


网 站 或 Web 应 用 程序 设计 开发 完成 后 ， 需 要 发 布 才能 让 用 户 访问 。VWD 2008 提供 了 发 
布 网 站 的 功能 ， 该 功能 将 网 站 编译 为 一 组 可 以 通过 IIS 直接 执行 的 文件 ， 然 后 将 这 些 文件 复 
制 到 目标 Web 服务 器 上 。 

需要 注意 的 是 ，VWD 2008 Express 速成 版 不 具有 发 布 的 功能 。 虽 然 VWD 2008 Express 
速成 版 具有 安装 简便 、 运 行 速度 快 及 适合 初学 者 学 习 等 特点 ， 但 在 实际 开发 过 程 中 ， 建 议 安 
装 其 他 版 本 的 VWD 2008， 比 如 ，VS 2008 标准 版 、VS 2008 专业 版 以 及 VS 2008 团队 版 等 。 

发 布 网 站 步 又 如 下 : 

(1) 在 【解决 方案 资源 管理 器 】 中 ， 用 鼠标 右键 单 击 网 站 名 ， 选 择 【 发 布 网 站 】 命 令 ， 
在 弹出 的 对 话 框 中 设置 目标 位 置 为 C:xksoft， 如 图 12-18 所 示 。 


“316 ASPNET 3.5 网 站 开发 实例 教程 


ARREU: (ftp://...~ http://... 或 drive:\path) 
jaiii 


7] tur ERRA S. A) 

使 用 固定 命名 和 单 页 程序 集 O 

对 预 编译 程序 集 启用 强 命名 (G) 

* 使 用 由 强 名 称 工具 生成 的 窗外 文件 W 


用 AlowPartiallyTrustedCallerAttribute (AFTCA) 标 记 程序 集 仙 ) 


[me J( wa 


图 12-18 【发 布 网 站 】 对 话 框 


(2) 单 击 【 确 定 】 按 钮 ，VWD 2008 编译 网 站 ， 并 将 编译 结果 文件 写 入 到 指定 的 位 置 中 。 

(3) 通过 【控制 面板 】I【 管 理工 具 】| 【Intemet 信息 服务 管理 器 】， 打 开 IIS 的 设置 窗口 。 

(4) 用 鼠标 右键 单 击 【默认 网 站 】， 选 择 【 新 建 】| 【虚拟 目录 】 命 令 ， 系 统 弹出 “虚拟 
目录 创建 向 导 ” 对 话 框 ， 输 入 虚拟 目录 别名 为 xksoft， 选 择 刚 才 设置 的 发 布 目标 位 置 ， 配 置 
完成 后 如 图 12-19 所 示 。 


£ Internet 信息 服务 


图 12-19 IIS 设置 


(5) 打开 浏览 器 ， 用 IE 访问 Http:/Wlocalhostyxksofydefaultaspx， 就 可 以 看 到 如 图 12-5 所 
示 的 效果 。 

如 果 需 要 将 网 站 发 布 到 互联 网 上 , 完成 上 面 步骤 (1)、(2) 后 , 将 编译 后 的 文件 上 传 到 互联 
网 空间 就 可 以 了 。 用 户 可 以 通过 该 空间 绑 定 的 域名 访问 网 站 。 
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实验 12 ”实例 开发 


1. 实验 目的 


通过 实例 练习 ， 系 统 复习 本 书 各 章节 的 内 容 ， 掌 握 网 站 或 Web 应 用 程序 的 设计 开发 方 
法 ， 提 高 开发 水 平 。 


2. 实验 内 容 和 要 求 


根据 自己 的 兴趣 设计 开发 一 个 网 站 ， 网 站 内 容 不 限 ， 可 以 是 中 小 企业 网 站 ， 班 级 网 站 ， 
网 上 商店 ， 网 上 书店 ， 网 上 花 店 ， 也 可 以 是 展示 自己 的 个 人 网 站 。 无 论 选 择 什么 样 的 内 容 ， 


(1) 必须 使 用 母 版 页 。 

(2) 应 用 ASPNET AJAX 无 页 面 刷新 技术 。 

(3) 使 用 数据 库 。 

(4) 利用 GridView、DataList 控件 ， 并 有 分 页 功能 。 
(5) 具有 上 传 、 下 载 文件 的 功能 。 

(6) 具有 用 户 注册 、 登 录 的 功能 。 

(7) 网 页 布局 美观 、 色 彩 协 调 。 
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主要 内 容 


本 书 全 面 讲 述 了 ASP.NET 3.5 网 站 开发 方法 和 Web 应 用 程 
序 的 技术 。 主 要 内 容 包 括 : ASP.NET 与 VWD 2008 开 发 平台 ， 
XHTML 基础 知识 ，ASP.NET 基 础 知识 ，ASP.NET 服 务 器 控件 ， 
页 面 切 换 与 导航 ， 页 面 布 局 ，ADO.NET 数 据 访 问 ，ASP.NET 中 的 
数据 绑 定 ，ASP.NET AJAX，VWVeb 服 务 ， 在 ASP.NET 中 使 用 XML 
等 ， 并 且 运 用 大 量 实例 对 各 种 关键 技术 进行 了 深入 浅 出 的 分 析 。 


RARR 
本 书 可 作为 高 等 院 校 ASPNET 开 发 课程 的 教材 ， 还 
可 作为 有 一 定 的 面向 对 象 编 程 基础 和 数据 库 基 础 ， 想 利 
用 VS 2008 开 发 Web 应 用 程序 的 开发 人 员 的 参考 资料 。 


本 书 特色 


本 书 内 容 丰 富 ， 结 构 合 理 ， 实 例 翔实 ， 浅 显 易 懂 。 在 每 一 章 的 
正文 中 ， 结 合 所 讲述 的 关键 技术 ， 和 穿插 了 大 量 极 富 实 用 价值 的 实 
例 。 未 尾 安 排 了 有 针对 性 的 实验 ， 增 强 对 基本 概念 的 理解 和 实际 
应 用 能 力 。 

本 书 配 有 电子 教案 和 所 有 实例 与 实验 的 源 代码 ， 既 便于 教师 教 
学 ， 也 便于 学 生 学 习 ， 具 有 很 强 的 实用 性 。 


978-7-302-19617-4 


本 书 电子 教案 、 实 例 源 文件 和 实验 答案 可 通过 a z 
http:fAyww.tupwk.com.cnidownpage 网 站 免费 下 载 。 定价 : 30.00 元 


